Data Grid hide empty or undefined group templates

Question

Hi! I'm using the group template in a data grid to grouping by four columns of the grid, three of the four columns could have undefined or null value in the a cell.

I'm using the template because I have to add a combo box and other elements depending on the grouping field.

I want to know if there is a way to hide the group that is empty or undefined in the key but not hide the rows inside.

I shared some screenshots showing what I want to hide. And in the screen3 there is a wijmo grid configured to so as an example.

This is more simplier by me beacause we have the data already in that format, if not I think if could be possible use the TreeGrid instead of the data grid

Thanks.

Attachment: grid_6929c59f.zip

Farveen Sulthana Thameeztheen Basha · Answer

Hi Cesar, 

Thanks for contacting Syncfusion Support. 

Query#:- I want to know if there is a way to hide the group that is empty or undefined in the key but not hide the rows inside. 

We have analyzed your requirement and we would like to inform that our default behavior in DataGrid on Grouping.   
   

As like the above screenshot the each Group(rows with expand/collapse) will be acts as a table. While clicking expand or collapse, the visibility toggle(show/hide) will be applied for the particular Group for all row elements. In this case it is not possible to hide or show the particular element, while expanding or collapse.  

So we suggest you to use Tree Grid for this requirement.   

Refer to the documentation and Demo Links:- 
https://ej2.syncfusion.com/angular/documentation/treegrid/getting-started/?no-cache=1 
https://ej2.syncfusion.com/angular/demos/#/material/treegrid/treegrid-overview/ 

Please let us know if you need any further assistance. 

Regards, 
Farveen sulthana T

Cesar Smerling · Answer

THanks, Im testing the TreeGrid but it not suffice our needs. Because we need to hide and show rows and sub rows depending on states. And when I show a subrow the parents are show and some states seems duplicated for ous.

I have to modify all the data to fit the TreeGrid. There is no css way to remove this undefined o null groups??

Padmavathy Kamalanathan · Answer

Hi Cesar,

Thanks for your details.

QUERY: There is no css way to remove this undefined o null groups??


As per our current Grid architecture, it is not feasible to achieve your requirement.

In your previous updates, you have mentioned that you are testing TreeGrid Component.  If you face any  difficulties in implementing TreeGrid component, please get back to us. 

Regards,
Padmavathy Kamalanathan