JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › nested grid inside a tree grid

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 22, 2023 at 3:24 pm #104740
    Oleg Ilin
    Participant

    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

    April 24, 2023 at 8:01 am #104742
    svetoslav_borislavov
    Participant

    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/

    April 24, 2023 at 10:32 am #104744
    Oleg Ilin
    Participant

    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

    April 24, 2023 at 10:58 am #104745
    Oleg Ilin
    Participant

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

    system crash

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

    April 24, 2023 at 11:53 am #104746
    Markov
    Keymaster

    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
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.