search

icflorescu / mantine-datatable

The table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, context menus, nesting, Gmail-style batch row selection, dark theme, and more.
https://icflorescu.github.io/mantine-datatable/
MIT License
957 stars 69 forks source link

Row grouping #143

Closed sarbull closed 1 year ago

sarbull commented 1 year ago

Is your feature request related to a problem? Please describe. Feature request.

Describe the solution you'd like image

Describe alternatives you've considered https://www.ag-grid.com/angular-data-grid/grouping-group-rows/, but this is enterprise

Additional context I can help with the implementation, but i need guidance. I am using mantine for this [0] awesome project.

[0] - https://github.com/odpi/egeria-ui

icflorescu commented 1 year ago

I have no idea how this could be best implemented, but I think the row expansion feature could be a good starting point. Have a look at DataTableRowExpansion.tsx and this hook. Can't use the Mantine Collapse component in this case, though, because you'd want your content to be rendered as <tr />s in the end....

Rigel772 commented 1 year ago

Mayby how it is done in DevExtreme could be inspiration... https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/RecordGrouping/React/Light/