Tabulator
Interactive Tables and Data Grids for JavaScript.
Tabulator
Tabulator allows you to create interactive tables in seconds from any HTML Table, Javascript Array or JSON formatted data.
Basic Example
id
name
age
gender
height
col
dob
cheese
1
Billy Bob
12
Male
1
red
1
2
Mary May
14
Female
2
blue
14/05/1982
true
3
Christine Lobowski
42
Female
0
green
22/05/1982
true
4
Brendon Philips
125
Male
1
orange
01/08/1980
5
Margret Marmajuke
16
Female
5
yellow
31/01/1999
Resizable Columns
Name
Age
Gender
Height
Favourite Color
Date Of Birth
Cheese Preference
Billy Bob
12
Male
1
red
1
Mary May
14
Female
2
blue
14/05/1982
true
Christine Lobowski
42
Female
0
green
22/05/1982
true
Brendon Philips
125
Male
1
orange
01/08/1980
Margret Marmajuke
16
Female
5
yellow
31/01/1999
Bootstrap styles
Striped rows
Name
Age
Gender
Favourite Color
Billy Bob
12
Male
red
Mary May
14
Female
blue
Christine Lobowski
42
Female
green
Brendon Philips
125
Male
orange
Margret Marmajuke
16
Female
yellow
Bordered tables
Name
Age
Gender
Favourite Color
Billy Bob
12
Male
red
Mary May
14
Female
blue
Christine Lobowski
42
Female
green
Brendon Philips
125
Male
orange
Margret Marmajuke
16
Female
yellow
Advanced options
Pagination
Name
Age
Gender
Favourite Color
Billy Bob
12
Male
red
Mary May
14
Female
blue
Christine Lobowski
42
Female
green
Brendon Philips
125
Male
orange
Margret Marmajuke
16
Female
yellow
Editing Data ( click name field to edit the name )
Name
Age
Gender
Favourite Color
Billy Bob
12
Male
red
Mary May
14
Female
blue
Christine Lobowski
42
Female
green
Brendon Philips
125
Male
orange
Margret Marmajuke
16
Female
yellow
Collapsed list
Name
Age
Gender
Height
Favourite Color
Date Of Birth
Driver
Billy Bob
12
Male
1
red
Mary May
14
Female
2
blue
14/05/1982
Christine Lobowski
42
Female
0
green
22/05/1982
Brendon Philips
125
Male
1
orange
01/08/1980
Margret Marmajuke
16
Female
5
yellow
31/01/1999
Frank Harbours
12
Male
1
red
Gemma Jane
1
Female
2
blue
14/05/1982
Margret Marmajuke
42
Female
0
green
22/05/1982
James Newman
125
Male
1
orange
01/08/1980
Brendon Philips
16
Male
5
yellow
31/01/1999
Vertical column headers
Name
Progress
Gender
Rating
Date Of Birth
Driver
Billy Bob
Male
Mary May
Female
14/05/1982
Christine Lobowski
Female
22/05/1982
Brendon Philips
Male
01/08/1980
Margret Marmajuke
Female
31/01/1999
Frank Harbours
Male
Gemma Jane
Female
14/05/1982
Margret Marmajuke
Female
22/05/1982
James Newman
Male
01/08/1980
Brendon Philips
Male
31/01/1999
Formatting data
Who
Name
Age
Gender
Height
Favourite Color
Date Of Birth
Cheese Preference
Billy Bob
Male
Mary May
Female
14/05/1982
Christine Lobowski
Female
22/05/1982
Brendon Philips
Male
01/08/1980
Margret Marmajuke
Female
31/01/1999
Frank Harbours
Male
Gemma Jane
Female
14/05/1982
Margret Marmajuke
Female
22/05/1982
James Newman
Male
01/08/1980
Brendon Philips
Male
31/01/1999
Filter Data
Name
Progress
Gender
Rating
Favourite Color
Date Of Birth
Driver
Oli Bob
Male
red
14/04/1984
Mary May
Female
blue
14/05/1982
Christine Lobowski
Female
green
22/05/1982
Brendon Philips
Male
orange
01/08/1980
Margret Marmajuke
Female
yellow
31/01/1999
Frank Harbours
Male
red
12/05/1966
Jamie Newhart
Male
green
14/05/1985
Gemma Jane
Female
red
22/05/1982
Emily Sykes
Female
maroon
11/11/1970
James Newman
Male
red
22/03/1998
