5 open source JavaScript datagrids for your next project

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • ag-Grid

    The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

    AG Grid is a complete, feature-packed JavaScript datagrid. It has both community and enterprise versions. It supports the major JavaScript frameworks, including Vanilla JavaScripit, React, Vue, and Angular. It has core features such as selection, filtering, data binding, rendering cells, in-cell editing, master-detail, import and export options, virtual scrolling, keyboard events, testing, and security options.

  • react-table

    🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table

    React Table is a headless, open source, lightweight, and extensible data table. By headless data table, it means it does not control how your markup renders or UI elements. This gives you the freedom to theme your datagrid to fit your application requirements.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • HANDSONTABLE

    JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡

    Handsontable is a JavaScript library for building fast and efficient datagrids. It has a free and commercial license and has support for React, Vue, and Angular frameworks. At the core, Handsontable enables data binding (fetching data from a data source and how it's rendered on the datagrid), saving data locally, middleware, events, hooks, and configurations. Similar to Grid.js, Handsontable configuration options allow you to configure the datagrid to your taste.

  • gridjs

    Advanced table plugin

    Grid.js is a free and open source Javascript table plugin built with TypeScript. Grid.js has configurations for data binding, filtering, custom and multi-column sorting, cell formatting, search and pagination, selection, and support for React, Angular, and Vue.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts