kobalte icon indicating copy to clipboard operation
kobalte copied to clipboard

New component - Table (inspired by react-aria)

Open MengLinMaker opened this issue 1 year ago • 0 comments

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

Creating a Table component

Describe the solution you'd like

Was absolutely blown away by this: React-Aria Table

It's almost like ag-grid, but mostly focused on accessibility.

Describe alternatives you've considered

Most solutions don't consider keyboard navigation:

Approaches

It seems there are 2 types of table components:

  • Accessibility focused. Eg: React-Aria Table
  • Data table performance focused. Eg: Tanstack Table

Ag-grid is paid, so I'll exclude that.

I think the accessibility focused table is better suited for Kobalte-ui, especially since @tanstack/solid-table exists.

It is possible to use React-Aria table and Tanstack Table together: https://codesandbox.io/p/devbox/react-aria-components-tanstack-table-upkz00

MengLinMaker avatar Nov 04 '24 13:11 MengLinMaker