The definitive source of the best
JavaScript libraries, frameworks, and plugins.

  • ×

    Jquery Handsontable

    Handsontable is a minimalistic approach to Excel-like table editor in HTML & jQuery
    Filed under 

    • 🔾88%Overall
    • 17,278
    • 22 hours
    • 🕩2827
    • 👥9
    Handsontable Handsontable is a JavaScript component that combines data grid features with spreadsheet-like UX.
    It provides data binding, data validation, filtering, sorting, and CRUD operations. npm npm CI status FOSSA Status Quality Gate Status --- #### Get Started with Handsontable
    React  Angular  Vue  Vue 3    JavaScript 
    --- Handsontable data grid


    The most popular features of Handsontable:

      ✓  Multiple column sorting
      ✓  Non-contiguous selection
      ✓  Filtering data
      ✓  Export to file
      ✓  Validating data
      ✓  Conditional formatting
      ✓  Merging cells
      ✓  Freezing rows/columns
      ✓  Moving rows/columns
      ✓  Resizing rows/columns
      ✓  Hiding rows/columns
      ✓  Context menu
      ✓  Comments


    Get Started

    Install with npm

    Run the following command in your terminal

    npm install handsontable

    You can also use Yarn, NuGet or load the bundle directly from jsDelivr.

    Create a placeholder

    Create an HTML placeholder

    <div id="example"></div>

    Import Handsontable and its stylesheet

    import Handsontable from "handsontable";
    import 'handsontable/dist/handsontable.full.css';

    Initialize the grid

    Now turn your placeholder into a data grid with sample data.

    const data = [
      ['', 'Tesla', 'Volvo', 'Toyota', 'Ford'],
      ['2019', 10, 11, 12, 13],
      ['2020', 20, 11, 14, 13],
      ['2021', 30, 15, 12, 13]
    const container = document.getElementById('example');
    const hot = new Handsontable(container, {
      data: data,
      rowHeaders: true,
      colHeaders: true


    We provide support for developers working with commercial version via contact form or at

    If you use a non-commercial version then please ask your tagged question on StackOverflow.


    Handsontable is a commercial software with two licenses available:

    • Free for non-commercial purposes such as teaching, academic research, and evaluation. Read it here.
    • Commercial license with support and maintenance included. See pricing plans.

    License key

    If you use Handsontable in a project that supports your commercial activity, then you must purchase the license key at

    If you use the free for non-commercial license of Handsontable, then pass the phrase 'non-commercial-and-evaluation', as described in this documentation.

    Proudly created and maintained by the Handsontable Team.

    Show All