Data Table using React Table

[justinfernald]

Feature request

It would be interesting to see data tables using React Table: https://tanstack.com/table/v8 It seems like it would just have to be reskinned with Blueprint components, since React Table is Headless-ish.

Here is a library that used React Table with Material UI: https://www.material-react-table.com/

I wouldn't particularly mind creating this, but I'm sure if I did it, it would look like 💩.

[adidahiya]

@justinfernald Blueprint does have a spreadsheet-like "data table" component. It's available in the @blueprintjs/table package, see documentation here.

Since we built that component, though, the landscape of React-based open source data table libraries has changed quite a bit. I'm aware of TanStack Table and I have have considered refactoring @blueprintjs/table to use a headless table library like that one. It would be quite a large project to undertake and it would cause breaking changes for existing consumers.

[nerdstep]

We built a table component using TanStack Table with Blueprint UI components, which was more to our needs compared to the Blueprint spreadsheet style table. Our implementation is probably too specific to be of much use here, but a more generalized approach can be found in the chadcn/ui Data Table component. This could probably be adapted relatively easily using Blueprint styles.

So one idea could be to create a new Blueprint Data Table component and keep the current table component as is to prevent breaking existing consumers.

[rafaellichen]

i would like to see column span feature where i can have something like this: