1var table = new Tabulator("#example-table", {
2 height:"311px",
3 columns:[
4 {formatter:"rowSelection", titleFormatter:"rowSelection", hozAlign:"center", headerSort:false, cellClick:function(e, cell){
5 cell.getRow().toggleSelect();
6 }},
7 {title:"Name", field:"name", width:200},
8 {title:"Progress", field:"progress", width:100, hozAlign:"right", sorter:"number"},
9 {title:"Gender", field:"gender", width:100},
10 {title:"Rating", field:"rating", hozAlign:"center", width:80},
11 {title:"Favourite Color", field:"col"},
12 {title:"Date Of Birth", field:"dob", hozAlign:"center", sorter:"date"},
13 {title:"Driver", field:"car", hozAlign:"center", width:100},
14 ],
15});
16
1//Build Tabulator
2var table = new Tabulator("#example-table", {
3 height:"311px",
4 columns:[
5 {formatter:"rowSelection", titleFormatter:"rowSelection", hozAlign:"center", headerSort:false, cellClick:function(e, cell){
6 cell.getRow().toggleSelect();
7 }},
8 {title:"Name", field:"name", width:200},
9 {title:"Progress", field:"progress", width:100, hozAlign:"right", sorter:"number"},
10 {title:"Gender", field:"gender", width:100},
11 {title:"Rating", field:"rating", hozAlign:"center", width:80},
12 {title:"Favourite Color", field:"col"},
13 {title:"Date Of Birth", field:"dob", hozAlign:"center", sorter:"date"},
14 {title:"Driver", field:"car", hozAlign:"center", width:100},
15 ],
16});