Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
vijayasri yasumreddy
15
Load on demand hierarchical grid
posted

Hi All,

I am new to ignite UI , I tried to use ignite UI load on demand hierarchical grid in my angular application. Everything is working fine as expected but

1) when the API is not giving the response the grid is displaying a default message “The grid has no data “ can I customize the message as needed?

2) And on click can we display two grids at once or is there a way to put custom table inside the grid?

  • 29417
    Verified Answer
    Offline posted

    Hello vijayasri yasumreddy, 

    Thank you for posting in our forum.

    1. There is an option for setting a custom empty grid message - emptyGridMessage. You can set it for the related row island definition or for the particular child grid.

    2. You can specify multiple row islands per level in order to show multiple grids as children. For example refer to the following sample:

    https://stackblitz.com/angular/qkkegdbyvqod

     Note that there are two row islands defined on the same level:

    <igx-row-island [key]="'Albums'" …>

    <igx-row-island [key]="'Tours'" >

     Therefore when a parent row is expanded it will display two child grids.

    Please note that each row island definition should implement its own load on demand logic via the onGridCreated event. 

    Let me know if you have any additional questions or concerns.

     Regards,

    Maya Kirova