Блог

Я использую вложенные деревья данных в Tabulator.js и если я использую эту опцию dataTreeStartExpanded:true , все вложенные строки будут расширены. Я хочу, чтобы при загрузке / рендеринге был расширен только один? Возможно ли это?

Здесь работает jsFiddle, чтобы поиграть.

Я обнаружил, что есть div с классом tabulator-data-tree-control-expand или tabulator-data-tree-control-collapse . Изменение имени в инструментах разработки ничего не дает.

В настоящее время это выглядит как

Но я хочу быть таким после загрузки веб-страницы

Может быть, я могу как-то щелкнуть , чтобы развернуть. В табуляторе есть слушатель

Но я не знаю, как вызвать это для этого конкретного .

о, я нашел это в документации.

.. функция, которая будет передана в компоненте строки и уровне этой строки в таблице (начиная с 0), она должна возвращать логическое значение для указания состояния расширения строк:

 var table = new Tabulator("#example-table", {
    dataTree:true,
    dataTreeStartExpanded:function(row, level){
        return row.getData().driver; //expand rows where the "driver" data field is true;
    },
});
 

и затем в данных вы должны использовать новое свойство driver:true