创建可在 Tabulator 中直接单击的复选框

Question

我是 javascript 的新手，我正在使用 Tabulator 创建动态和交互式表格。它工作得很好，我只是有一点格式问题。

我数据中的一列是布尔值，我使用的是 tickCross 格式化程序。

我想格式化该列，使复选框不会消失，我可以直接点击，而不是点击单元格内部，就像 this example 的第一列。

我试图在文档和代码中查找设置，但找不到我要查找的内容。

在此先感谢大家。

Answer 1

您想向该列添加一个 cellClick 选项，以便在您单击该单元格时它会立即更新。 这是一个工作示例，https://jsfiddle.net/s60qL1hw/1/.

这会将单元格值设置为与当前值相反的值。应该对其进行改进以处理未定义的值、空值等，您希望如何处理这些值。但是，它应该适用于大多数情况。

    cellClick: function(ev, cell){
      cell.setValue(!cell.getValue());
    }

cellClick 用于整个单元格。所以如果你不点击勾号，而是点击它旁边的空格，它仍然会被触发。您可以使用事件目标来检查勾选是否被点击。