Tabulator是一款非常实用的基于jQuery UI的表格插件
Tabulator是一款非常实用的基于jQuery UI的表格插件。Tabulator表格插件可以快速的使用JSON数据来创建表格,它没有任何外部依赖的CSS样式和图片,使用非常简单。
JavaScript 表格/网格
共3512Star
详细介绍
An easy to use interactive table generation JavaScript library
Full documentation & demos can be found at: 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 project and you're away!
Tabulator is packed with useful features including:
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
<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
<div id="example-table"></div>
Turn the element into a tabulator with some simple javascript
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 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 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 localy hosted versions:
<link href="https://unpkg.com/tabulator-tables@4.7.0/dist/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/tabulator-tables@4.7.0/dist/js/tabulator.min.js"></script>