JavaScript Table

Open-source JavaScript projects categorized as Table | Edit details

Top 23 JavaScript Table Projects

  • SheetJS js-xlsx

    :green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit

    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-27

    Hi, 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.

    Project mention: A better CSV import | dev.to | 2022-05-07

    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.

  • 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

  • Tabulator

    Interactive Tables and Data Grids for JavaScript

    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

  • material-table

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

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

    Project mention: Useful VueJS Datatables | reddit.com/r/vuejs | 2022-01-20

    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.

  • Griddle

    Simple Grid Component written in React

    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.

  • react-bootstrap-table

    A Bootstrap table built with React.js

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

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

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

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

  • Frappe Datatable

    The Missing Javascript Datatable for the Web (by frappe)

  • 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
  • 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
  • regular-table

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

    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.

  • react-table-library

    :bento: React Table Library

    Project mention: React Tree View for Json object? | reddit.com/r/reactjs | 2022-04-19

    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)

    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.

  • svelte-simple-datatables

    A Datatable component for Svelte

  • sematable

    ReactJS / Redux Data Table

  • vue-dataset

    A set of Vue.js components to display datasets (lists) with filtering, paging, and sorting capabilities!

    Project mention: What "small" request do you hate to do? | reddit.com/r/vuejs | 2022-02-14

    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.

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 2022-05-09.

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 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
Find remote jobs at our new job board 99remotejobs.com. There are 13 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
www.sonarlint.org