Update data_gc_tab.html

data_gc_tab.html

@@ -25,17 +25,17 @@ var tableData = [
 ]
 
 var table = new Tabulator("#example-table", {
-    data:tableData, //set initial table data
+    height:"311px",
+    rowHeader:{formatter:"rownum", headerSort:false, hozAlign:"center", resizable:false, frozen:true},
     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"},
+        {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},
     ],
-}); 
+});
     </script>