JavaScript Table

Open-source JavaScript projects categorized as Table | Edit details

Top 23 JavaScript Table Projects

  • GitHub repo SheetJS js-xlsx

    :green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit

    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.

  • GitHub repo react-table

    ⚛️ Hooks for building fast and extendable tables and datagrids for React

    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.

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo 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-09

    There 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

  • GitHub repo react-datasheet

    Excel-like data grid (table) component for React

    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

  • GitHub repo Tabulator

    Interactive Tables and Data Grids for JavaScript

    Project mention: KVision 5.6.0 is released | reddit.com/r/Kotlin | 2021-11-29

    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).

  • GitHub repo material-table

    Datatable for React based on material-ui's table with additional features

    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.

  • GitHub repo Griddle

    Simple Grid Component written in React (by GriddleGriddle)

  • 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.

  • GitHub repo react-bootstrap-table

    A Bootstrap table built with React.js

  • GitHub repo floatThead

    Fixed <thead>. Doesn't need any custom css/html. Does what position:sticky can't

    Project mention: PNG File Chunk Inspector | news.ycombinator.com | 2021-08-19

    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.

  • GitHub repo react-bootstrap-table2

    Next Generation of react-bootstrap-table

    Project mention: Alternative to react-bootstrap-table-next | reddit.com/r/reactjs | 2021-09-25

    Whoa, I use this, had no idea it's abandoned now. Somebody should fork it.

  • GitHub repo reactabular

    A framework for building the React table you need (MIT)

    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.

  • GitHub repo Frappe Datatable

    A simple, modern and interactive datatable library for the web (by frappe)

  • GitHub repo arquero

    Query processing and transformation of array-backed data tables.

    Project mention: Hal9: Data Science with JavaScript | reddit.com/r/datascience | 2021-09-09

    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.

  • GitHub repo editable-react-table

    React table built to resemble a database.

    Project mention: Show HN: Open-source Notion-like database in React | news.ycombinator.com | 2021-05-21
  • GitHub repo 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
  • GitHub repo 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.

  • GitHub repo regular-table

    A regular <table> library, for async and virtual data models.

    Project mention: Ask HN: Why are developers so stingy with “rows per page”? | news.ycombinator.com | 2021-11-25
  • GitHub repo sematable

    ReactJS / Redux Data Table

  • GitHub repo remark-gfm

    remark plugin to support GFM (autolink literals, footnotes, strikethrough, tables, tasklists)

    Project mention: Easy Comments | dev.to | 2021-08-31

    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.

  • GitHub repo gigatables-react

    GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.

  • GitHub repo svelte-simple-datatables

    A Datatable component for Svelte

    Project mention: Lightweight data-tables in Svelte | reddit.com/r/sveltejs | 2021-03-30

    I think you might want to use something like this https://github.com/vincjo/svelte-simple-datatables

  • GitHub repo 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.

  • GitHub repo af-virtual-scroll

    React components for rendering large scrollable data

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-11-29.

JavaScript Table related posts

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
Find remote jobs at our new job board 99remotejobs.com. There are 32 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com