Top 23 JavaScript Table Projects
-
Project mention: [HIRING] Someone to create a web worker for a React app | reddit.com/r/forhire | 2022-05-09
I need a web worker that can use the parsing function XLSX.read() from the SheetJs library (https://github.com/SheetJS/sheetjs). Project is a react app with hooks + typescript.
-
bootstrap-table
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Project mention: I made web page with few tables & tools to help with events: hekym.github.io | reddit.com/r/IdleHeroes | 2022-02-27Hi, I'm not web developer. I know just some basics and google, and my implementation looks based on this (Pretty mess I would say). Nothing to reccomend to learn from. Anyway, to start I will recomend to look on bootstrap and bootstrap-table. I use these for some parts, these frameworks can help a lot, they are pretty good documented with examples.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Jspreadsheet CE
Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.
For the spreadsheet, we use the excellent Jspreadsheet library. If there are no errors, the import happens in two steps because importing a lot of locations requires a lot of calls to the Mapbox geocoding API (geocoding is converting an address to longitude and latitude), which is rate limited.
-
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
-
Project mention: 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. | reddit.com/r/Frontend | 2022-04-30
Tabulator! http://tabulator.info
-
Project mention: Applying specific theme for react material-table | reddit.com/r/codehunter | 2022-05-06
I'm trying to integrate react material-table (https://github.com/mbrn/material-table) with my project.
-
vue-easytable
🍉 Table Component/ Data Grid / Data Table.Support Virtual Scroll,Column Fixed,Header Fixed,Header Grouping,Filter,Sort,Cell Ellipsis,Row Expand,Row Checkbox ...
Vue-Easytable
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Project mention: Use custom filter input component with Griddle | reddit.com/r/codehunter | 2022-04-17
I'm using griddle a react component to create a table.
-
-
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 -
Project mention: Memray is a memory profiler for Python by Bloomberg | news.ycombinator.com | 2022-04-20
-
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.
-
Check out this table's tree feature: https://react-table-library.com/
-
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.
-
-
-
vue-dataset
A set of Vue.js components to display datasets (lists) with filtering, paging, and sorting capabilities!
That was also the case for me u/vuestart, that's why I have created vue-dataset. I now use it for all my lists by default. It's also easily extendable with custom components.
JavaScript Table related posts
- Applying specific theme for react material-table
- 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.
- How to change name and Icon of Action Column in Material-Table React
- Why use `useTable` over `ReactTable` when using react-table
- Show HN: Datagridxl2.js – No-nonsense fast Excel-like data table library
- How to do default sorting in react-table
- Errors when I import material table in my react app I installed it from https://material-table.com/#/docs/install : When I import 'import MaterialTable from 'material-table';' it It gives these errors bellow :
Index
What are some of the best open-source Table projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | SheetJS js-xlsx | 30,097 |
| 2 | bootstrap-table | 11,237 |
| 3 | Jspreadsheet CE | 6,002 |
| 4 | react-datasheet | 4,990 |
| 5 | Tabulator | 4,579 |
| 6 | material-table | 3,296 |
| 7 | vue-easytable | 2,742 |
| 8 | Griddle | 2,501 |
| 9 | react-bootstrap-table | 2,239 |
| 10 | floatThead | 1,211 |
| 11 | react-bootstrap-table2 | 1,198 |
| 12 | reactabular | 907 |
| 13 | arquero | 775 |
| 14 | Frappe Datatable | 774 |
| 15 | editable-react-table | 461 |
| 16 | elementz | 347 |
| 17 | regular-table | 255 |
| 18 | tty-table | 253 |
| 19 | react-table-library | 232 |
| 20 | remark-gfm | 206 |
| 21 | svelte-simple-datatables | 164 |
| 22 | sematable | 159 |
| 23 | vue-dataset | 129 |
Are you hiring? Post a new remote job listing for free.
