Grid.js
Dev tools
table library
SHOW HN2020
390points
132comments
#89of 3,028 in 2020
Top 3%of 2020 by points
How HN took it
CuriousMostly questions and neutral comments
13 positive, 34 neutral or asking, 0 mixed, 20 critical, out of 67 comments about the project. Thread score -0.10.
Design: 1 for, 7 againstIdea: 4 for, 4 againstExecution: 1 for, 4 againstPerformance: 1 for, 1 againstDocs: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Clean, beautiful documentation and design
From 2 comments
Great work - really clean documentation, and it looks beautiful! We currently use `react-table`, which is good in that it can support some reasonably large datasets (for…
pea on HNYour documentation is really cool, what did you use to make it?
XCSme on HN
Framework agnostic, works without React lock-in
From 2 comments
Good, I like framework agnostic components. I've been playing with two other libraries recently: Dropzone js and Sortable js. Grid js looks useful too.
guggle on HNI am excited to use the vanilla JS version in my project, thanks for not being React only :)
dandare on HN
Objections
Not responsive or mobile friendly on small screens
From 3 comments
It's not mobile friendly.
naveen_ on HNI'd say the claim "works everywhere" does not consider small screens. I had a look at the examples with Android Chrome in portrait viewport, and cell content gets either cut off…
Eduard on HNThanks for submitting and great work so far. The tables it makes definitely look nice. I must admit though, I have a hard time imagining where I could use this right now. Good…
rezonant on HN
Too simple to be called advanced; lacks common features
From 2 comments
Good effort! I'm not sure how 'advanced' it is though. I'd even go as far as call it 'simple'? E.g. the following features would be required to make it advanced (list not…
Bishonen88 on HNThis looks nice but much less configurable than ag-grid. I've worked on projects that had very intense excel-level requirements for their data grids and ag-grid was a dream.
sliptype on HN
Client-side sorting and pagination download all rows; performance unclear for large datasets
From 2 comments
It looks like sorting / pagination is all down client side which forces a download of all the rows, how well does this support tables with 10s or 100s of thousands of rows?
w-ll on HNGreat work - really clean documentation, and it looks beautiful! We currently use `react-table`, which is good in that it can support some reasonably large datasets (for…
pea on HN
Accessibility issues with sortable headers
From 1 comment
How accessible is Grid.js? The main differentiator between table libraries for me these days is accessibility. Many libraries and frameworks out there do it poorly. The better…
bubbab on HN
Requests
Server-side sorting, search and pagination
From 1 comment
Correct. I have a PR ready which integrates the sort, search and pagination with the server-side module. Currently, there is a Server Side module that pulls data from the server…
afshinmeh on HN
Performance benchmarks
From 2 comments
Is there any load testing benchmark results available. if so can you share ?
hn_1234 on HNGood job! Looks great. What about performance? Have you tested how many rows can Gird.js handle without a noticable lag?
LukaszWiktor on HN
Column resizing, reordering and export features
From 2 comments
Good effort! I'm not sure how 'advanced' it is though. I'd even go as far as call it 'simple'? E.g. the following features would be required to make it advanced (list not…
Bishonen88 on HNHow does this compare to competitors like Ag-Grid? One simple feature I see lacking in the ability is the ability to resize columns
JSavageOne on HN
Accessibility improvements
From 1 comment
How accessible is Grid.js? The main differentiator between table libraries for me these days is accessibility. Many libraries and frameworks out there do it poorly. The better…
bubbab on HN
Questions
How does it compare to existing table libraries?
From 3 comments
Out of curiosity how is this better than current Grid/Table implementations?
rootcage on HNWhat's the "Advanced" part in this ? Vue/quasar tables already provide extensive functionality and I am sure there are react and angular alternatives. I don't think there is a…
codegladiator on HNWhat benefits does it have over mat-table?
seastonATccs on HN
How does it handle wide tables on mobile?
From 1 comment
I'd like to see an example of a very wide table (maybe 30 columns). I want to see how it would look on a phone in portrait mode.
irrational on HN
Alternatives named
react-table
From 2 comments
Great work - really clean documentation, and it looks beautiful! We currently use `react-table`, which is good in that it can support some reasonably large datasets (for…
pea on HNCongrats! Curious why you haven't considered https://react-table.js.org/
rafaelturk on HN
ag-grid
From 2 comments
This looks nice but much less configurable than ag-grid. I've worked on projects that had very intense excel-level requirements for their data grids and ag-grid was a dream.
sliptype on HNHow does this compare to competitors like Ag-Grid? One simple feature I see lacking in the ability is the ability to resize columns
JSavageOne on HN
DataTables
From 1 comment
A similar product is https://datatables.net/
boromi on HN
material-table
From 1 comment
Good effort! I'm not sure how 'advanced' it is though. I'd even go as far as call it 'simple'? E.g. the following features would be required to make it advanced (list not…
Bishonen88 on HN
Tabulator
From 1 comment
Has anyone tried Tabulator[1]? [1] http://www.tabulator.info/
danseagrave on HN