Data Grid Master/Detail

[Edgar Ricardez Peralta]

Hi,

I have the following questions regarding Data Grid (Master/Detail)

1. Do you have support to export to excel?
2. Can filters be enabled on columns?
   

Please provide an example? This Demo doesn't work Edit in StackBlitz.

Thanks

[Sujith Kumar Rajkumar]

Hi Edgar, 

 

Greetings from Syncfusion support. 

 

We could reproduce the problem of the mentioned demo sample not opening in stackblitz and have logged an internal task to correct it. We will update and refresh it in the online sample browser as soon as possible. 

 

We have prepared a Master/Detail stackblitz sample as per your requirement. You can find it below, 

 

Sample: https://stackblitz.com/edit/angular-lgtohh?file=app.component.html  

 

You can find the response for your remaining queries below, 

 

Query – 1: “Do you have support to export to excel?” 

 

Yes, the EJ2 Grid does support excel exporting. We have modified the Master/Detail sample and included excel exporting support for your reference which you can find below, 

 

Sample: https://stackblitz.com/edit/angular-lgtohh-tfva7f?file=app.component.html  

 

More details on excel exporting in Grid can be checked in the below help documentation link, 

 

Grid excel exporting documentation: https://ej2.syncfusion.com/angular/documentation/grid/excel-exporting/#excel-export  

 

You can also export multiple Grids in the same excel file. This requirement is documented in the below help documentation link which you can check for more details, 

 

Multiple Grid excel exporting: https://ej2.syncfusion.com/angular/documentation/grid/excel-exporting/#multiple-grid-exporting   

 

Query – 2: “Can filters be enabled on columns?” 

 

Yes, filters can be enabled in the Grid columns. We have modified the Master/Detail sample and included filtering support for your reference. You can find it below, 

 

Sample: https://stackblitz.com/edit/angular-lgtohh-w2dyap?file=app.component.ts  

 

More details on Grid filtering can be checked in the below help documentation link, 

 

Grid filtering documentation: https://ej2.syncfusion.com/angular/documentation/grid/filtering/#filtering  

 

You can also enable different filters for particular columns using the columns filter property. This requirement is documented in the below help documentation link which you can check for more details, 

 

Enable different filter for a column: https://ej2.syncfusion.com/angular/documentation/grid/filtering/#enable-different-filter-for-a-column  

 

Let us know if you have any concerns. 

 

Regards, 

Sujith R