Need help with datatable?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

717 Stars 111 Forks MIT License 309 Commits 68 Opened issues


A simple, modern and interactive datatable library for the web

Services available


Need anything else?

Contributors list

Frappe DataTable

A modern datatable library for the web

Test and Release npm version MIT License npm bundle size (minified + gzip) semantic-release


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.




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


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


is required to be installed as well.


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


  • yarn start
    - Start dev server
  • Open
    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



We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.