reactjs - 如何使行单击独立于 react-tabulator 中行的复选框选择？

Question

我希望在行单击时选择一行，然后选中复选框。这些应该是相互独立的。

我尝试在选项中将行选择为 true，但想将“rowSelection”格式化程序设置更改为独立

const options = {
      height: 270,
      width:  100,
      layout:"fitColumns",
      tooltips:true,
      rowSelected:true,
      autoResize:true
    };

columns= {[
            {formatter:"rowSelection", titleFormatter:"rowSelection", align:"center", headerSort:false, cellClick:function(e, cell){
                cell.getRow().toggleSelect();
                // cell._cell.setValue(true);
                console.log("CheckboxSelection......", cell)
              }, width: 20},

Answer 1

如果您使用的是rowSelection格式化程序，则不需要处理cellClick事件，它应该为您切换选择。

如果您试图阻止cellClick传播到行点击，那么您应该在cellClick中的事件上调用stopPropagation函数：

cellClick:function(e, cell){
    e.stopPropagation(); // prevent click event propagating up to row.
}