Creation of Dynamic Tabs that contains grid inside

[otto pegotti]

Hi,

I need a solution for creating tabs depends on the database results and whenever i select different tabs it should change the data source of the grid inside.

Datagrid is located already in html file <ejs-grid #grid [dataSource]='data' > <ejs-grid>

Thanks in advance for your  help.

Otto

[Vinitha Devi Murugan]

Hi otto, 

 

Syncfusion Greetings.  

 

You can change the dataSource of the grid on tab selection by making use of selecting event of the tab. Please refer below sample. 

 

https://stackblitz.com/edit/angular-lcw2yv-qb3hbm?file=default.component.ts 

 

 public onTabSelecting(args: any) { 

    // Here we changed the dataSource of first grid on tab selecting event 

    if (args.selectingIndex == 0) { 

      this.grid1.dataSource = orderDetails; 

    } 

  } 

 

Regards, 

M.Vinitha devi