Update data_gc_tab.html

data_gc_tab.html

@@ -19,25 +19,23 @@
 
 
     <script>
-var table = new Tabulator("#example-table", {
-    height:"311px",
-    columns:[
-    {title:"Name", field:"name", width:250, frozen:true}, //frozen column
-    {title:"Progress", field:"progress", sorter:"number", hozAlign:"left", formatter:"progress", width:200,  editable:true},
-    {title:"Gender", field:"gender", width:150},
-    {title:"Rating", field:"rating",  formatter:"star", hozAlign:"center", width:200},
-    {title:"Date Of Birth", field:"dob", hozAlign:"center", sorter:"date"},
-    {title:"Driver", field:"car", hozAlign:"center", formatter:"tickCross", width:150},
-    ],
-});
-
-
 var tableData = [
     {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},
 ]
 
-table.setData(tableData);   
+var table = new Tabulator("#example-table", {
+    data:tableData, //set initial table data
+    columns:[
+        {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>