nested grid inside a tree grid

[Oleg Ilin]

Dear friends,
Is it possible to use a nested grid inside a tree grid.
In another way, so that the leaves of the grid are in the nested grid, e.g:

https://disk.yandex.ru/i/H7gqUiWiXSyYXg

Best Regards,

Oleg Il

[svetoslav_borislavov]

Hi,

The two options to have a nested grid are with a dialog or as dropdown when the main grid is in tree mode.

To see them, please visit the following demo: https://codepen.io/svetoslavjqwidgets/pen/OJBpMVX

When you load it initially, you will see on the left side arrows on each row. Clicking the arrow will expand the row detail with the nested grid.
To make it dialog, uncomment this code in the rowDetails object:
// dialog: {
// enabled: true
// }

I hope this helps!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Oleg Ilin]

Dear Svetoslav.
Thank so much you for your help.
Is it possible:
1 Combine both arrows into one (so that the row details grid expands when the parent node is opened).
In another way, when clicking on the arrows, either a new category or details about the line was programmed to open.
2 Hide some (not all)  selective arrows so as not to show the details of those rows ?
Best Regards
Oleg Il

https://disk.yandex.ru/i/AUNSSKduyE71nA

[Oleg Ilin]

Also, when the main grid is loaded dynamically,
(throught virtualDataSourceOnExpand)

system crash

https://disk.yandex.ru/i/KTJc72rDNmMeHA

[Markov]

Hi Oleg,

Unfortunately, it is not possible to combine arrows into one. To hide row detail arrows, you can use CSS.

Example:

smart-grid-row[data-id="5"] smart-grid-cell div[data-field="_rowDetailColumn"] button {
  visibility: hidden;
}

[Author]

Posts