https://github.com/olifolkerd/tabulator

Interactive Tables and Data Grids for JavaScript
https://github.com/olifolkerd/tabulator

ajax cdnjs data grid grid-layout grid-system javascript jquery json list react sort table tabulator tabulator-table widget

Last synced: 10 days ago
JSON representation

Interactive Tables and Data Grids for JavaScript

• Host: GitHub
• URL: https://github.com/olifolkerd/tabulator
• Owner: olifolkerd
• License: mit
• Created: 2015-10-24T13:28:31.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2024-02-05T20:47:10.000Z (9 months ago)
• Last Synced: 2024-02-10T10:04:37.695Z (9 months ago)
• Topics: ajax, cdnjs, data, grid, grid-layout, grid-system, javascript, jquery, json, list, react, sort, table, tabulator, tabulator-table, widget
• Language: JavaScript
• Homepage: http://tabulator.info
• Size: 65.8 MB
• Stars: 6,012
• Watchers: 138
• Forks: 782
• Open Issues: 113
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome - olifolkerd/tabulator - Interactive Tables and Data Grids for JavaScript (JavaScript)
• awesome-github-star - tabulator
• awesome-list - tabulator
• best-of-react - GitHub - 3% open · ⏱️ 28.04.2024): (Data Tables & Grids)

README

        


  





	





An easy to use interactive table generation JavaScript library





Full documentation & demos can be found at:  http://tabulator.info



***

![Tabulator Table](http://tabulator.info/images/tabulator_table.jpg)

***

Features

================================

Tabulator allows you to create interactive tables in seconds from any HTML Table, Javascript Array or JSON formatted data.

Simply include the library and the css in your project and you're away!

Tabulator is packed with useful features including:

![Tabulator Features](http://olifolkerd.github.io/tabulator/images/featurelist_share.png)

Frontend Framework Support

================================

Tabulator is built to work with all the major front end JavaScript frameworks including React, Angular and Vue.

Setup

================================

Setting up tabulator could not be simpler.

Include the library and the css

```html

```

Create an element to hold the table

```html



```


Turn the element into a tabulator with some simple javascript

```js

var table = new Tabulator("#example-table", {});

```

### Bower Installation

To get Tabulator via the Bower package manager, open a terminal in your project directory and run the following command:

```

bower install tabulator --save

```

### NPM Installation

To get Tabulator via the NPM package manager, open a terminal in your project directory and run the following command:

```

npm install tabulator-tables --save

```

### CDN - UNPKG

To access Tabulator directly from the UNPKG CDN servers, include the following two lines at the start of your project, instead of the locally hosted versions:

```html

```