Update data_gc_tab.html

data_gc_tab.html

@@ -20,20 +20,20 @@
 
     <script>
 var tableData = [
-    {id:1, name:"Billy Bob", age:"12", gender:"male", height:1, col:"red"},
-    {id:2, name:"Mary May", age:"1", gender:"female", height:2, col:"blue", dob:"14/05/1982"},
+    {id:1, name:"Billy Bob", age:"12", gender:"male", height:1, col:"red", dob:"", cheese:1},
+    {id:2, name:"Mary May", age:"1", gender:"female", height:2, col:"blue", dob:"14/05/1982", cheese:true},
 ]
 
 var table = new Tabulator("#example-table", {
-    height:"311px",
-    rowHeader:{formatter:"rownum", headerSort:false, hozAlign:"center", resizable:false, frozen:true},
+    data:tableData, //set initial table data
     columns:[
-        {title:"Name", field:"name", headerSort:false},
-        {title:"Progress", field:"progress", sorter:"number", hozAlign:"left", formatter:"progress",  editable:true, headerSort:false},
-        {title:"Gender", field:"gender", headerSort:false},
-        {title:"Rating", field:"rating", hozAlign:"center", headerSort:false},
-        {title:"Date Of Birth", field:"dob", hozAlign:"center", sorter:"date", headerSort:false},
-        {title:"Driver", field:"car", hozAlign:"center", formatter:"tickCross", headerSort:false},
+        {title:"Name", field:"name"},
+        {title:"Age", field:"age"},
+        {title:"Gender", field:"gender"},
+        {title:"Height", field:"height"},
+        {title:"Favourite Color", field:"col"},
+        {title:"Date Of Birth", field:"dob"},
+        {title:"Cheese Preference", field:"cheese"},
     ],
 });
     </script>