HANDSONTABLE
react-table
Our great sponsors
HANDSONTABLE | react-table | |
---|---|---|
17 | 67 | |
18,957 | 24,000 | |
0.6% | 1.4% | |
9.6 | 9.3 | |
7 days ago | 7 days ago | |
JavaScript | TypeScript | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
HANDSONTABLE
-
What’s new in Handsontable Data Grid: November 2022
We are currently working on translating three new UI labels into 18 different languages. Can you help us out with it?
-
Recommendation on stack for a spreadsheet-like product
https://handsontable.com/ This is the best commercial library you can just buy and put it in your product.
-
[AskJS] Is there a good table js library?
I've always liked https://handsontable.com/ but I'm not sure what the licensing is for something other than a personal project.
- Ask HN: Who is hiring? (November 2022)
-
What’s new in Handsontable Data Grid: July 2022
All our packages are on npm, so depending on the framework you use, you can install it as follows:
-
Trying to recommend a library for data tables. Does anyone know an excellent data table library that goes hard into data table stuff? Working on a data heavy product where people need to do a lot with data tables. Wondering if there are any stand out libraries peeps have used first hand.
handsontable is pretty decent, as long as you don't attach too much custom stuff to it.
-
Adding a non react library
Looking at their repo though, they are using an old version of React and all the deprecated componentWill... lifecycle methods. Better be careful with this library.
Yes, we are using the `componentWill...` methods. They work in the version 17. Their deprecation was announced but postponed to a future release. Anyway, we are tracking it and will update the code soon: https://github.com/handsontable/handsontable/issues/8748. The React wrapper is an important one for us and we are actively supporting it.
-
5 open source JavaScript datagrids for your next project
Handsontable is a JavaScript library for building fast and efficient datagrids. It has a free and commercial license and has support for React, Vue, and Angular frameworks. At the core, Handsontable enables data binding (fetching data from a data source and how it's rendered on the datagrid), saving data locally, middleware, events, hooks, and configurations. Similar to Grid.js, Handsontable configuration options allow you to configure the datagrid to your taste.
-
Best practice for displaying table data, ideally with dynamic formatting?
You can check out handsontable - https://handsontable.com/ Note that it is open source, but it is not free for commercial use.
react-table
- Best Next.js Libraries and Tools in 2024
-
Nx - Highlights of 2023
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.
-
Show HN: DataSheetGrid, an Airtable-like React component
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.
-
20 Essential Parts Of Any Large Scale React App
Or for the table react-table can be a powerful option to consider.
-
Suggest Best Svelte Libraries
svelte-headless-table: Unopinionated and extensible data tables for Svelte. (I haven't tried tanstack-table, but I've heard good things about it)
-
react-table VS mantine-datatable - a user suggested alternative
2 projects | 15 Sep 2022
-
How to create table with data grid, checkbox and pagination using React table and Tailwind CSS.
React-table uses React Hook called useTable. The Hook will return the necessary props for the table, body, and transformed data to create the header and cells. The header will be created by iterating through headerGroups, and the rows for the table body will be created by looping through rows. We'll also set up Tailwind CSS in our project, follow the instructions from the documentation. It's a few steps, but it should work seamlessly, we'll also copy most of the classes from the table component on TailwindUI
- Best NPM Package for React.js Part - 2
-
Trying to recommend a library for data tables. Does anyone know an excellent data table library that goes hard into data table stuff? Working on a data heavy product where people need to do a lot with data tables. Wondering if there are any stand out libraries peeps have used first hand.
If you’re using react, then https://react-table.tanstack.com/ is wonderful.
-
Why use `useTable` over `ReactTable` when using react-table
On their npm page, the example shows the usage of component:
What are some alternatives?
ag-Grid - The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
material-table - Datatable for React based on material-ui's table with additional features
react-data-table - A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
SheetJS js-xlsx - 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
Jspreadsheet CE - Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.
Luckysheet - Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
React Data Grid - Feature-rich and customizable data grid React component
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
DevExtreme React Grid - Business React components for Bootstrap and Material-UI
primereact - The Most Complete React UI Component Library
react-excel-renderer - A react library to render and display excel sheets on webpage