You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
2.3 KiB
74 lines
2.3 KiB
7 years ago
|
|
||
|
|
|
||
|
|
### Version 3.3 Out Now!
|
||
|
|
|
||
|
|
An easy to use interactive table generation plugin for JQuery UI
|
||
|
|
|
||
|
|
Full documentation & demos can be found at: [http://tabulator.info](http://tabulator.info)
|
||
|
|
***
|
||
|
|
|
||
|
|
***
|
||
|
|
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 JQuery UI project and you're away!
|
||
|
|
|
||
|
|
Tabulator is packed with useful features including:
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Setup
|
||
|
|
================================
|
||
|
|
Setting up tabulator could not be simpler.
|
||
|
|
|
||
|
|
Include the library and the css
|
||
|
|
```html
|
||
|
|
<link href="dist/css/tabulator.min.css" rel="stylesheet">
|
||
|
|
<script type="text/javascript" src="dist/js/tabulator.min.js"></script>
|
||
|
|
```
|
||
|
|
|
||
|
|
Create an element to hold the table
|
||
|
|
```html
|
||
|
|
<div id="example-table"></div>
|
||
|
|
```
|
||
|
|
|
||
|
|
Turn the element into a tabulator with some simple javascript
|
||
|
|
```js
|
||
|
|
$("#example-table").tabulator();
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
### Bower Installation
|
||
|
|
To get Tabulator via the Bower package manager, open a terminal in your project directory and run the following commmand:
|
||
|
|
```
|
||
|
|
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 commmand:
|
||
|
|
```
|
||
|
|
npm install jquery.tabulator --save
|
||
|
|
```
|
||
|
|
|
||
|
|
### CDNJS
|
||
|
|
To access Tabulator directly from the CDNJS CDN servers, include the following two lines at the start of your project, instead of the localy hosted versions:
|
||
|
|
```html
|
||
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/tabulator/3.3.1/css/tabulator.min.css" rel="stylesheet">
|
||
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tabulator/3.3.1/js/tabulator.min.js"></script>
|
||
|
|
|
||
|
|
Coming Soon
|
||
|
|
================================
|
||
|
|
Tabulator is actively under development and I plan to have even more useful features implemented soon, including:
|
||
|
|
|
||
|
|
- Data Reactivity
|
||
|
|
- Custom Row Templates
|
||
|
|
- Additional Editors and Formatters
|
||
|
|
- Copy to Clipboard
|
||
|
|
- Print Styling
|
||
|
|
- Drag Rows Between Tables
|
||
|
|
- Multi Cell Editing
|
||
|
|
- Resizable Rows
|
||
|
|
- Cell Selection
|
||
|
|
|
||
|
|
Get in touch if there are any features you feel Tabulator needs.
|