Update data_gc_tab.html

data_gc_tab.html

@@ -21,14 +21,13 @@
     <script>
 var table = new Tabulator("#example-table", {
     height:"311px",
-    layout:"fitColumns",
-    resizableColumnFit:true,
     columns:[
-        {title:"Name", field:"name", width:200, resizable:true},
-        {title:"Progress", field:"progress", resizable:true},
-        {title:"Gender", field:"gender", resizable:true}, 
-        {title:"Rating", field:"rating", resizable:true},
-        {title:"Favourite Color", field:"col", resizable:true},
+    {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},
     ],
 });
     </script>