The main advantage of UI trees is the opportunity to display large amounts of information compactly. But one of the shortcomings is that it’s quite difficult to work with large trees. The information from such trees does not fit in the visible area of interfaces and as a result it becomes necessary to organize horizontal and vertical scrolling (e. g., the process of editing the registry of MS Windows).
A TreeTable component appeared as a logical answer to the complexity of work with UI Trees. On the one hand, TreeTable is a classic DataGrid that enables convenient presentation of information in tabular form. On the other hand, it performs a tree-like, hierarchical grouping of tabular data just like a Tree widget.
Do not confuse the TreeTable component with such features as DataGrid Rows and Columns grouping. Even though some advanced SpreadSheet JS widgets may have a hierarchical data grouping tool (similar to Excel), TreeTable is a more sophisticated and complex solution as it groups not just individual data, but the entire arrays of information.