Repository navigation
[Feature Request] VTreeTable component or aggregation support #6039
Description
Problem to solve
There are a lot of applications for a data table which has hierarchical groupings but still retains the tabular columns. It is a blend of v-tree-view and v-data-table, to become a v-tree-table.
I am posting this as a separate feature request, but it is somewhat related to issue #3180. However, I believe it is different enough, and perhaps even encapsulates the functionality that a grouped data table provides. With a v-tree-table, the grouped table may not be needed(??)
Proposed solution
Look at https://docs.webix.com/desktop__treetable.html#apireference as an example of what functionality it provides as well as an API. It is certainly not "vuetified" but it might give some good ideas as to how to implement.
J-SekVDataTable already supports nested groups. In order to make it look like any other Tree-Table component out there you only need to hide the header Group header and make small adjustment to 1st column padding: demo
I agree it does not come with tree-specific semantics and a11y, but adding one more table component (next to server and virtual variants) would be too much given limited team resources. It will be more honest to just close the feature request than drag it.
Activity
nekosaur commentedon Jan 5, 2019
It is very unlikely that we would develop something like this for inclusion in core vuetify. It might be possible to make some version of it in user land with the upcoming 2.0 data-table, although there are no guarantees.
morficus commentedon Jul 13, 2019
+1 for having this as part of Vuetify
here is another example: http://tabulator.info/examples/4.2?#tree
I 100% agree that this is quite different from having row-groups, since having a tree-like structure implies the data is hierarchical (and could have multiple levels) while grouping is simply taking a single dimension and joining it by common values.
ifiri commentedon Oct 2, 2019
aalopatin commentedon Oct 16, 2019
Threnos commentedon Oct 30, 2019
WaloGomez commentedon Dec 17, 2019
View this link https://github.com/portablemind/vuetify_tree_data_table
zyxel648 commentedon Jan 17, 2020
This plugin for vuetify version 1.x 😒
I'm also looking for tree-table component for vuetify 2.x
guykatz commentedon Apr 6, 2020
alishanster commentedon Jul 29, 2020
JeanPerriault commentedon Aug 4, 2020
Same as @alishanster, I would like to find recommendations on work-arounds. I can see that libraries like "angular material", and even "material design system", don't propose/describe this kind of component. Is that because it is too complex to use (I sometime think this is the case)?. Anyway, can't find any guidance on how to replace this.
Should we propose first a tree to drill down, then once a leaf is selected propose a form to modify item attributes? How do you mass update in this case?
Thx for any useful thoughts or links on this.
SGarno commentedon Aug 4, 2020
It is a fairly complex component, but for that reason, I think it should be part of the framework. I have seen a number of implementations and (in my opinion) the only one that truly works well is one that is based on a flat list of nodes where the visual part is a view into the dataset, as opposed to one that uses a hierarchical dataset (i.e. Child nodes).
As the node list gets large, you can just render a view on the flat list and allow data to be loaded incrementally. Doing the same thing in a Child node style approach fails miserably in performance, and you can't sort/search/filter easily across the hierarchically structured nodes.
I don't know if this is something that the Vuetify feels is important (in the grand scheme of things they have on their list to accomplish), but I certainly would greatly welcome this component to the list. :-)
waqasdilawar commentedon Jun 14, 2021
lacoste-sochi commentedon Feb 20, 2022
annushka-sh commentedon Mar 10, 2022
[-][Feature Request] V-Tree-Table object is needed[/-][+][Feature Request] VTreeTable component or aggregation support[/+]J-Sek commentedon Oct 20, 2026
VDataTable already supports nested groups. In order to make it look like any other Tree-Table component out there you only need to hide the header Group header and make small adjustment to 1st column padding: demo
I agree it does not come with tree-specific semantics and a11y, but adding one more table component (next to server and virtual variants) would be too much given limited team resources. It will be more honest to just close the feature request than drag it.