Handsontable Read-only cells

一,列只读

js代码:

var container1 = document.getElementById(‘example1‘),
  hot1;

hot1 = new Handsontable(container1, {
    data: getCarData(),
    minSpareRows: 1,
    colHeaders: [‘Car‘, ‘Year‘, ‘Chassis color‘, ‘Bumper color‘],
    columns: [
      {
        data: ‘car‘,
        readOnly: true
      },
      {
        data: ‘year‘
      },
      {
        data: ‘chassis‘
      },
      {
        data: ‘bumper‘
      }
    ]
  });

二,单元格 只读  (当前的单元格为‘Nissan‘时只读readOnly)

var container2 = document.getElementById(‘example2‘),
  hot2;

hot2 = new Handsontable(container2, {
  data: getCarData(),
  minSpareRows: 1,
  colHeaders: [‘Car‘, ‘Year‘, ‘Chassis color‘, ‘Bumper color‘]

});
hot2.updateSettings({
  cells: function (row, col, prop) {
    var cellProperties = {};

    if (hot2.getData()[row][prop] === ‘Nissan‘) {
      cellProperties.readOnly = true;
    }

    return cellProperties;
  }
})
				
时间: 2024-10-25 11:08:48

Handsontable Read-only cells的相关文章

handsontable

---恢复内容开始--- 很像excel的jquery插件.关于它的中文资料不多,自己只能看看英文的了.记录如下: 数据绑定: 1.更新局部数据,需要使用render方法: 2.如果引用的数据是:JSON.parse(JSON.stringify(data2)),则不会被更改 3.保存之前clone表格,使用afterChange的var tmpData = JSON.parse(JSON.stringify(data3));语句. 数据源: 1.数组 2.隐藏第二列 load and save

Handsontable添加超链接

本文在上文的基础上,返回的数据中多了一个link超链接跳转的字段,,需要在Handsontable中显示超链接. <!DOCTYPE html> <html> <head> <title>handsontable demo</title> <meta charset="utf-8"> <link rel="stylesheet" href="handsontable/htstyl

单细胞文章分享:Molecular Diversity of Midbrain Development in Mouse, Human, and Stem Cells

Molecular Diversity of Midbrain Development in Mouse, Human, and Stem Cells 本文作者的官网:Ventral midbrain 顺便找到了:Download all the data and Python Notebooks from GitHub to reproduce the main figures. GitHub:linnarsson-lab/ipynb-lamanno2016 教程:scRNA-Seq Data

handsontable的单元格操作方法

1.为handsontable添加钩子方法 addHook(key,callback):key为钩子方法名 [javascript] view plaincopyprint? <span style="font-size:18px;">例如:hot.addHook(‘beforeInit‘, myCallback);</span> addHookOnce(key,callback):添加只使用一次的方法,用完后自动删除 [javascript] view pla

C# 基于Aspose.Cells的数据导出到Excel

using Aspose.Cells; void WriteToExcel(string filePath, List<object[]> datas, string sheetName = "Sheet0") { try { Workbook workBook = new Workbook(); Worksheet sheet = workBook.Worksheets[0]; sheet.Name = sheetName; Aspose.Cells.Style styl

GitHub_HeadersDownCells_标题view下拉子cells

标题view下拉子cells,可以自定义标题View.子cell的内容及数量,最近会继续优化 https://github.com/alwaysDB/HeadersDownCells.git 以下为部分代码 1 - (void)groupHeaderViewDidClickBtnGroupTitle:(BabySettingHeaderView *)groupHeaderView { 2 // [self.tableView reloadData]; 3 // DDLog(@"groupHead

Codeforces 701B. Cells Not Under Attack

Vasya has the square chessboard of size n?×?n and m rooks. Initially the chessboard is empty. Vasya will consequently put the rooks on the board one after another. The cell of the field is under rook's attack, if there is at least one rook located in

handsontable 排序问题

排序是表格的基础功能,handsontable也会支持. 有时需求会很复杂,需要自定义排序,或者调用其他排序方法:自定义排序,比较复杂,没做过:今天要用的是调用R中的排序方法. 有两个事件beforeColumnSort 和 afterColumnSort:有用的是前者,index,order参数,但是不支持:return false; 禁用默认的排序方法. 在源码中,有几个重要的地方: defaultSort:默认的排序方法:因为表格中data和字符串混在一起,想只对data排序,如果type

handsontable合并表头

想在页面中做类似excel的操作,发现handsontable符合要求. 然后发现这个文章 http://blog.csdn.net/wynan830/article/details/9054195 该作者扩展了handsontable实现了多表头. 同时添加了removeRowPlugin属性,作用是在每行前面显示一个删除按钮执行删除操作. 我的页面中不需要删除,因此把removeRowPlugin设置为false.但是表头出现了错行. 查看生成的html发现,表头中多了一列:<th clas