HANDSONTABLE VS react-table

handsontable

There is also https://handsontable.com/

We are currently working on translating three new UI labels into 18 different languages. Can you help us out with it?

https://handsontable.com/ This is the best commercial library you can just buy and put it in your product.

I've always liked https://handsontable.com/ but I'm not sure what the licensing is for something other than a personal project.

trimWhitespace option can finally be used in columns and cells #7387,

All our packages are on npm, so depending on the framework you use, you can install it as follows:

Handsontable is primarily known as a JavaScript grid library for business apps but the decision to include it in this article is not accidental. Although this tool doesn't offer as many text formatting options as Excel, it includes quite a lot of features for manipulating data typical of spreadsheets. The list of the most widely used Handsontable features includes operations on rows & columns (moving, hiding, resizing, freezing), CRUD actions, non-contiguous selection, data validation, export to file, and merging cells. You can also take advantage of more advanced capabilities such as multi-column sorting, data summaries, trimming rows, and nested headers.

Tanstack - Tanstack has evolved to an entire ecosystem consisting of the famous Tanstack (or React) Query, Tanstack Table, now also Tanstack Router and Tanstack Form. It started with Tanstack Query, which adopted Nx and Nx Cloud. Zack talked about this collab with Dominik, and we also had Dominik on our Nx live stream. Now, all the above-mentioned Tanstack libs have adopted Nx, and there's more coming.

If you want to bring your own UI, TanStack Table (formerly React Table) [0], if you want something that's batteries included, MUI [1]. There are of course other options with either close or full feature parity, but these are the two I see most often with least pain across different companies. While we're on the topic of recommendations, avoid any- and everything by Telerik.

[0] https://tanstack.com/table/

[1] https://mui.com/material-ui/react-table/

Happy to help, here's one for next time you need tables: https://github.com/TanStack/table

Or for the table react-table can be a powerful option to consider.

svelte-headless-table: Unopinionated and extensible data tables for Svelte. (I haven't tried tanstack-table, but I've heard good things about it)

solution

For this week's pick, I chose TanStack Table, a table-building solution that offers power and flexibility. This headless UI solution provides a lightweight and agnostic core, making it easy to integrate into any React, Solid, Vue, Svelte, or TS/JS project.