Stylish appearance of GridGroupingControl with nested tables

Question

Is it possible to hide ( - ) sign for those records without children (marked in image with green)?

or

hide header row for child grid marked with red

or

hide new row in child grid marked with orange?

How can I do this

Thanks,

Bogdan

Attachment: grdMarked_5e3ab559.zip

Arulpriya Ramalingam · Answer

Hi Bogdan,  
  
Thanks for contacting Syncfusion support.  
  




Query  

Response  


Is it possible to hide (-) sign for those records without children (marked in image with green)?  

  
In order to hide the Expand/Collapse button (i.e. minus sign button) for the records which has empty child table, the QueryCellStyleInfo event can be used. In that event, the cell type of the Expand/Collapse button cell can be set to “Static” by using the CellType property based on the condition. Already we have provided a KB for the reported scenario. Please make use of below KB link,  
  
KB link: https://www.syncfusion.com/kb/721/how-to-hide-the-childtable-that-does-not-have-any-record-to-show-up-in-the-gridgroupingcontrol   


hide header row for child grid marked with red  

The ShowCaption property of NestedTableGroupOptions can be used to hide the caption row of the child tables. Please refer to the below code,  
  
Code example  
  
//To hide the Caption row  
this.gridGroupingControl1.NestedTableGroupOptions.ShowCaption = false;  
  


hide new row in child grid marked with orange?  

The ShowAddNewRecordBeforeDetails property of NestedTableGroupOptions can be used to hide the AddNewRecord row of the child tables. Please refer to the below code,  
  
Code example  
  
//To hide the AddNewRecord row  
this.gridGroupingControl1.NestedTableGroupOptions.ShowAddNewRecordBeforeDetails = false;  
  
  
Sample link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/NestedTableGrpoupoptions-1910045280   
  
Please let us know if you have any other queries.  
  
Regards,  
Arulpriya

CONSTANTIN BOGDAN · Answer

Excellent answer as usual!

Arulpriya Ramalingam · Answer

Hi Constantin, 
 
Thanks for your appreciation.    
 
We are glad to hear that the provided solution was resolved your scenario.   
 
Please let us know if you have any other queries.    
   
Regards, 
Arulpriya

Query	Response
Is it possible to hide (-) sign for those records without children (marked in image with green)?	In order to hide the Expand/Collapse button (i.e. minus sign button) for the records which has empty child table, the QueryCellStyleInfo event can be used. In that event, the cell type of the Expand/Collapse button cell can be set to “Static” by using the CellType property based on the condition. Already we have provided a KB for the reported scenario. Please make use of below KB link, KB link: https://www.syncfusion.com/kb/721/how-to-hide-the-childtable-that-does-not-have-any-record-to-show-up-in-the-gridgroupingcontrol
hide header row for child grid marked with red	The ShowCaption property of NestedTableGroupOptions can be used to hide the caption row of the child tables. Please refer to the below code, Code example //To hide the Caption row this.gridGroupingControl1.NestedTableGroupOptions.ShowCaption = false;
hide new row in child grid marked with orange?	The ShowAddNewRecordBeforeDetails property of NestedTableGroupOptions can be used to hide the AddNewRecord row of the child tables. Please refer to the below code, Code example //To hide the AddNewRecord row this.gridGroupingControl1.NestedTableGroupOptions.ShowAddNewRecordBeforeDetails = false;