Is there any way resolve Tree Checkbox Selection Issue on collapse / expand

[suryakanta101]

When we are check Tree Checkbox and then Collapse -> Expand again, the previous selection is not there. But the selection showing in CSS UI

[mazdik]

You can customize the table by example: demo source demo: tree table add checkbox selection, icon node

but not work lazy loading nodes I will make a separate component later

[suryakanta101]

With selectionMultiple: true, selectionMode: 'checkbox',

Selection All is working fine, but when we "uncheck" the Tree node, it should uncheck children nodes as well. What config do we need here?

[suryakanta101]

Also, there seems to be a UI issue , if not mistaken. After a collapse here, if there is scroll down, it is a slight visible data looks something hiding.

[mazdik]

look at the last commit, there were more folder icons

[suryakanta101]

I think this is not about the folder icons. It seems the Rows are hidden and merged . See the image below.

After a row collapse , the hidden rows are visible below.

[suryakanta101]

.datatable-body-row, .datatable-header-row { display: -webkit-box; position: relative; }

following css code changes making the above issue fixed.

[suryakanta101]

@mazdik Is there any flag , to make initially all Tree Table in collapsed state.

[mazdik]

@mazdik Is there any flag , to make initially all Tree Table in collapsed state.

in prepareTreeData:

    rows.forEach(x => {
      x.$$height = (x.$$level > 1) ? 0 : null;
      x.expanded = !(x.$$level > 0);
    });

[mazdik]

.datatable-body-row, .datatable-header-row { display: -webkit-box; position: relative; }

following css code changes making the above issue fixed.

is old 2009 version of Flexbox “Old” Flexbox and “New” Flexbox

.datatable-body-row[style*="height: 0"] {
  overflow-y: hidden; /* or display: none; */
}