Popularity

3.5

Growing

Activity

6.7

Stars 973

Watchers 44

Forks 152

Last Commit 24 days ago

Programming language: JavaScript

License: MIT License

Tags: Spreadsheet

Latest version: v1.15.3

Frappe Datatable alternatives and similar libraries

Based on the "Spreadsheet" category.
Alternatively, view Frappe Datatable alternatives based on common mentions on social networks and blogs.

SheetJS js-xlsx

9.6 2.4 Frappe Datatable VS SheetJS js-xlsx

📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
HANDSONTABLE

9.0 9.6 L2 Frappe Datatable VS HANDSONTABLE

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

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.

Promo surveyjs.io

Luckysheet

8.7 0.0 Frappe Datatable VS Luckysheet

DISCONTINUED. Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
ExcelJS

8.4 5.9 Frappe Datatable VS ExcelJS

Excel Workbook Manager
ag-Grid

8.3 10.0 Frappe Datatable VS ag-Grid

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

7.6 8.7 Frappe Datatable VS React Data Grid

Feature-rich and customizable data grid React component
jexcel

6.9 5.6 Frappe Datatable VS jexcel

Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.
MUI X

6.2 9.9 Frappe Datatable VS MUI X

MUI X is a collection of advanced React UI components for complex use cases. Use the native integration with Material UI or extend your design system. They feature state-of-the-art functionality and complex UX workflows for data-rich applications and support a wide range of use cases. MUI X is open core—base components are MIT-licensed, while more advanced features require a Pro or Premium commercial license. Components: - Data Grid - Date and Time Pickers - Charts - Tree View
SlickGrid

4.7 9.3 Frappe Datatable VS SlickGrid

A lightning fast JavaScript grid/spreadsheet
FancyGrid

2.1 0.0 Frappe Datatable VS FancyGrid

FancyGrid - JavaScript grid library with charts integration and server communication.
x-sheet

1.7 2.9 Frappe Datatable VS x-sheet

javascript spreadsheet
excel2json

1.5 4.6 Frappe Datatable VS excel2json

Convert excel file to json data
Jspreadsheet Pro

0.6 4.3 Frappe Datatable VS Jspreadsheet Pro

Jspreadsheet Pro | The javascript spreadsheet

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

Do you think we are missing an alternative of Frappe Datatable or a related project?

Add another 'Spreadsheet' Library

Popular Comparisons

README

Frappe DataTable A modern datatable library for the web

npm bundle size (minified + gzip)

Introduction

Frappe DataTable is a simple, modern and interactive datatable library for displaying tabular data. Originally built for ERPNext, it can be used to render large amount of rows without sacrificing performance and has the basic data grid features like inline editing and keyboard navigation. It does not require jQuery, unlike most data grids out there.

Demo

datatable-demo-2

Features

Cell Features

Custom Formatters
Inline Editing
Mouse Selection
Copy Cells
Keyboard Navigation
Custom Cell Editor

Column Features

Reorder Columns
Sort by Column
Remove / Hide Column
Custom Actions
Resize Column
Flexible Layout

Row Features

Row Selection
Tree Structured Rows
Inline Filters
Large Number of Rows
Dynamic Row Height

Install

yarn add frappe-datatable
# or
npm install frappe-datatable

Note: sortablejs is required to be installed as well.

Usage

const datatable = new DataTable('#datatable', {
  columns: [ 'First Name', 'Last Name', 'Position' ],
  data: [
    [ 'Don', 'Joe', 'Designer' ],
    [ 'Mary', 'Jane', 'Software Developer' ]
  ]
});

Contribution

yarn start - Start dev server
Open index.html located in the root folder, and start development.
Run yarn lint before committing changes
This project uses commitizen for conventional commit messages, use yarn commit command instead of git commit

Read the blog

Making a new datatable for the web

License

MIT

*Note that all licence references and agreements mentioned in the Frappe Datatable README section above are relevant to that project's source code only.