Как я могу сделать щелчок по строке независимым от выбора строки в React-Tabulator?

Question

Я хочу выбрать строку при щелчке по строке и установить флажок при проверке. они должны быть независимыми друг от друга.

Я попытался сделать строку доступной для выбора как истинную в параметрах, но хочу изменить настройки форматирования "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 до щелчка по строке, вам следует вызвать функцию stopPropagation для события в cellClick:

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