Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #104740
    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:


    Best Regards,

    Oleg Il



    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

    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


    Oleg Ilin

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

    system crash



    Hi Oleg,

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


    smart-grid-row[data-id="5"] smart-grid-cell div[data-field="_rowDetailColumn"] button {
      visibility: hidden;
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.