Differences and use cases for DataGrid vs TreeGrid

Hello

I seem to have requested this before. 

It would be nice if there is a blog post to guide devs the guidelines and maybe a couple of use cases for DataGrid vs TreeGrid

We are using the DataGrid, but I am not sure whether it is the proper control and maybe we should be using TreeGrid?

Is there a link available for the use cases?

Thanks



1 Reply

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team May 24, 2022 02:55 PM UTC

Hi Krishna Prasad,


Query#:- We are using the DataGrid, but I am not sure whether it is the proper control and maybe we should be using TreeGrid?

Is there a link available for the use cases?


We will consider to post blog to showcase the use case difference between DataGrid and TreeGrid component. Please refer the below product page to know more details on the supported highlighting feature between these two controls.


DataGrid:- DataGrid is a feature-rich control for displaying data in a tabular format. Its wide range of functionalities includes data binding, editing, Excel-like filtering, custom sorting, aggregating rows, selection, and support for Excel, CSV, and PDF formats.


https://www.syncfusion.com/javascript-ui-controls/js-data-grid

https://ej2.syncfusion.com/demos/#/bootstrap5/grid/grid-overview.html

https://ej2.syncfusion.com/documentation/grid/getting-started/


TreeGrid:-
TreeGrid has been designed and visualize as self-referential and hierarchical(Tree like structure), which in turns displays the Hierarchy relationship between parent and child records.  We can bind nested child records by using anyone of the two ways either with the help of (ParentIdmapping/IdMapping  and ChildMapping)


https://www.syncfusion.com/javascript-ui-controls/js-tree-grid

https://ej2.syncfusion.com/documentation/treegrid/getting-started/

https://ej2.syncfusion.com/demos/#/bootstrap5/tree-grid/treegrid-overview.html


If you want to bind same column Names for both Parent and child Records with specified Indent, you can use TreeGrid component for your use case. If you have different columnNames for parent and Child records you can use Grid component(as Hierarchy) to achieve your requirement. Also we have provided elaborated explanation about the features available in the above mentioned documentation and demos.


So we request to share the detailed Explanation of your requirement/Screenshot of the Structure you want / dataSource you have used. From the provided details, we will guide you in right way to fulfill your needs.


Regards,

Farveen sulthana T


Loader.
Up arrow icon