handsontable - 动手操作：如何使用单元格中的道具

Question

我喜欢使用使用可动手做的单元格来突出显示更改的值（https://github.com/warpech/jquery-handsontable）

cells   function(row, col, prop)    Defines the cell properties for given row, col, prop coordinates

发生的更改在另一个函数中，并且行顺序也发生了更改。所以我不能轻易地逐行标记更改的单元格，col。所以我认为我唯一的选择是第三个参数（“prop”）。但是道具是指财产吗？以及如何为每个单元格分配独立和自定义的属性？示例代码表示赞赏。谢谢

Answer 1

“cells”选项用于构造函数或列选项。

这是如何使用它的示例：

$('div#example1').handsontable({
  cells: function (row, col, prop) {
    var cellProperties = {}
    if(row === 0 && col === 0) {
      cellProperties.readOnly = true;
    }
    return cellProperties;
  }
})

如果您想对已更改的单元格进行更改，那么我建议您查看“afterChange”：

$('div#example1').handsontable({
  afterChange: function (changes, source) {
    if (source=== 'loadData') {
        return; //don't do anything as this is called when table is loaded
    }
    var rowIndex = changes[0];
    var col = changes[1];
    var oldCellValue = changes[2];
    var newCellValue = changes[3];
    // apply your changes...
  }
})

我希望这有帮助...