Top 23 JavaScript Table Projects
-
Project mention: Tips for Making a Popular Open-Source Project in 2021 [Ultimate Guide] | news.ycombinator.com | 2021-11-12
Maybe a story from a maintainer would help. To contextualize, the main SheetJS open source project https://github.com/SheetJS/sheetjs has over 28K stars.
tl;dr: the project involves "crowdsourced research" which benefits from popularity.
The main social goal with the project is data preservation and integrity. Large-scale economic and political decisions are made from data and analyses in spreadsheets. For example, last year in the UK, COVID cases were underreported thanks to Excel minutiae https://www.bbc.com/news/technology-54423988
Due to various corporate stratagems, the older data representations were intentionally obfuscated. To support Excel, many developers poked around at Excel files and guessed at the structures.
In this environment, the biggest challenge is finding worksheets with random corner cases. These types of files are not easy to create and fuzzing has limited effectiveness. This is where open source and popularity come into play. The open source and JS nature of the project helps reduce testing friction (https://oss.sheetjs.com/ runs in the web browser, no need to install anything) and encourage bug reports with test cases.
There will always be "entitled users" and "low quality bug reports" but that comes with the territory. There are also meaningful issues and code contributions. Efforts at trying to prevent the low quality contributions also discourage higher quality contributions.
-
Project mention: What table component library you prefer to use with React? | reddit.com/r/reactjs | 2021-11-26
check out react-table it is simple-ish. in a sense that it handles most of the logic, but you have to implement the UI.
-
-
jexcel
Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.
Project mention: Libre Endowment Fund: Sustainable Development of Free Software | news.ycombinator.com | 2021-10-09There is a presentation at FOSDEM 2021 about FDL: https://fosdem.org/2021/schedule/event/fosstaxbreak/
Title: Give open source a (tax) break
Cash that gets into FDL/LEF is then spent to sponsor existing FLOSS projects or to acquire intellectual property rights of existing works and change their license to FLOSS.
Case 1: https://bossanova.uk/jspreadsheet/v4/ got financed partly by FDL/LEF
Case 2: the radio hardware of the Open Radio Station (a 4G/5G vRAN base station based on Amarisoft stack and SlapOS) is in the process of being acquired and released as open source hardware. See https://shop.rapid.space/product_module/241/Resource_viewAsS...
The requirement for PhD is here to ensure that all projects that are financed by FDL/LEF have some kind of general interest or innovation, something which is useful to comply with Tax Law
-
Project mention: Overview of Commercial and Open-Source UI Components for React | dev.to | 2021-07-01
React-datasheet is a highly customizable React UI component that serves for generating Excel-like spreadsheets on a web page. It allows performing basic cell operations (select, cut, copy, paste) and using keyboard navigation by default. You can add more advanced capabilities, extra cell attributes, your own editors, or new behaviors with the help of custom renderers. It is important to mention that React-datasheet does not support math calculations and validation. For this purpose, you’ll have to integrate some math libraries (such as mathjs). Useful resources: GitHub repository Package size: 116 kB License: MIT
-
Both kvision-tabulator and kvision-chart modules are now based on new major versions of Tabulator Tables and Chart.js. Both modules contain breaking changes. Please take a look at the migration guides for Tabulator 5 http://tabulator.info/docs/5.0/upgrade and Chart.js 3 https://www.chartjs.org/docs/latest/getting-started/v3-migration.html. Unfortunately both are quite huge documents. If you still want to use old versions, just change KVision dependencies - the old modules are published with new names: kvision-tabulator4, kvision-tabulator4-remote and kvision-chart2. The old components are deprecated but there are no plans to remove them (at least not before KVision 6).
-
Project mention: Editable table components with auto calculated rows | reddit.com/r/reactjs | 2021-03-20
The free offering is very lackluster, I currently roll my own editable table inspired by https://github.com/mbrn/material-table. The main reason was the inability to add frontend validation, but now it has a lot of functions that I need, each custom for my needs.
-
-
Scout APM
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
-
For anyone who wants to implement this, please _don't_ implement it like the GIF. <https://github.com/mkoryak/floatThead/blob/master/README.md> Instead, do what mobile web browsers do, where the header is automatically revealed and overlaid onto the content when scrolling up. On desktop, you can make it so the headers are also revealed when mousing around over the relevant data. But indiscriminately reducing the size of the viewport by going sticky is incredibly annoying.
-
Whoa, I use this, had no idea it's abandoned now. Somebody should fork it.
-
Project mention: How to make the webpack dev server run on port 80 and on 0.0.0.0 to make it publicly accessible? | reddit.com/r/codehunter | 2021-10-12
I am new to the whole nodejs/reactjs world so apologies if my question sounds silly. So I am playing around with reactabular.js.
-
-
Transformations: We found out that JavaScript in combination with D3.js has a pretty decent set of data transformation functions; however, it comes nowhere near to Pandas or dplyr. We found out about Tidy.js quite early, loved it, and adopted it. The combination of Tidy.js and D3.js and Plot.js is absolutely amazing for visualizations and data wrangling with small datasets, say 10-100K rows. We were very happy with this for a while; however, once you move away from visualizations into real-world data analysis, we found out 100K rows restrictive, which gets worse when having 100 or 1K columns. So we switched gears and started using Arquero.js, which happens to be columnar and enabled us to process +1M rows in the browser, descent size for real-world data analysis.
-
Project mention: Show HN: Open-source Notion-like database in React | news.ycombinator.com | 2021-05-21
-
elementz
:space_invader: A React UI Component library for building modern applications easily & quickly
Project mention: A React UI Library for Web that I've been working on for the last months | reddit.com/r/Design | 2021-06-23 -
tty-table
Terminal table for Windows, Linux, and MacOS. Written in nodejs. Also works in browser console. Word wrap, padding, alignment, colors, Asian character support, per-column callbacks, and you can pass rows as objects or arrays. Backwards compatible with Automattic/cli-table.
-
Project mention: Ask HN: Why are developers so stingy with “rows per page”? | news.ycombinator.com | 2021-11-25
-
-
remark-gfm
remark plugin to support GFM (autolink literals, footnotes, strikethrough, tables, tasklists)
Here React Markdown, React Syntax Highlighter and the Remark GFM plugin is used. React Markdown helps with parsing markdown and Remark GFM adds support for GitHub Flavoured Markdown. React Syntax Highlighter does syntax highlighting for code snippets in a comment.
-
gigatables-react
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
-
I think you might want to use something like this https://github.com/vincjo/svelte-simple-datatables
-
react-datatable
React-datatable is a component which provide ability to create multifunctional table using single component like jQuery Datatable. It's fully customizable and easy to integrate in any react component. Bootstrap compatible.
-
JavaScript Table related posts
- What table component library you prefer to use with React?
- Complex table component, reinventing the wheel?
- Open Source contribution ideas for Svelte/SvelteKit
- I made Graphire, a hook-based React library to visualize huge networks of nodes and links in an unopinionated way.
- 5 open source JavaScript datagrids for your next project
- Is it good to use 3rd party libraries in React?
- React Aria: a headless UI component library
Index
What are some of the best open-source Table projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | SheetJS js-xlsx | 28,334 |
| 2 | react-table | 15,661 |
| 3 | jexcel | 5,823 |
| 4 | react-datasheet | 4,856 |
| 5 | Tabulator | 4,317 |
| 6 | material-table | 3,186 |
| 7 | Griddle | 2,492 |
| 8 | react-bootstrap-table | 2,239 |
| 9 | floatThead | 1,205 |
| 10 | react-bootstrap-table2 | 1,157 |
| 11 | reactabular | 901 |
| 12 | Frappe Datatable | 710 |
| 13 | arquero | 642 |
| 14 | editable-react-table | 409 |
| 15 | elementz | 337 |
| 16 | tty-table | 245 |
| 17 | regular-table | 224 |
| 18 | sematable | 156 |
| 19 | remark-gfm | 144 |
| 20 | gigatables-react | 120 |
| 21 | svelte-simple-datatables | 112 |
| 22 | react-datatable | 65 |
| 23 | af-virtual-scroll | 35 |
Are you hiring? Post a new remote job listing for free.
