Update data_gc_tab.html
Browse files- data_gc_tab.html +37 -0
data_gc_tab.html
CHANGED
|
@@ -8,6 +8,43 @@
|
|
| 8 |
<link href="https://unpkg.com/tabulator-tables@6.2.1/dist/css/tabulator.min.css" rel="stylesheet">
|
| 9 |
<script type="text/javascript" src="https://unpkg.com/tabulator-tables@6.2.1/dist/js/tabulator.min.js"></script>
|
| 10 |
</head>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 11 |
<body>
|
| 12 |
<div id="example-table"></div>
|
| 13 |
|
|
|
|
| 8 |
<link href="https://unpkg.com/tabulator-tables@6.2.1/dist/css/tabulator.min.css" rel="stylesheet">
|
| 9 |
<script type="text/javascript" src="https://unpkg.com/tabulator-tables@6.2.1/dist/js/tabulator.min.js"></script>
|
| 10 |
</head>
|
| 11 |
+
|
| 12 |
+
|
| 13 |
+
<style>
|
| 14 |
+
|
| 15 |
+
|
| 16 |
+
|
| 17 |
+
|
| 18 |
+
/*Theme the Tabulator element*/
|
| 19 |
+
#example-table-theme{
|
| 20 |
+
background-color:#ccc;
|
| 21 |
+
border: 1px solid #333;
|
| 22 |
+
border-radius: 10px;
|
| 23 |
+
}
|
| 24 |
+
|
| 25 |
+
/*Theme the header*/
|
| 26 |
+
#example-table-theme .tabulator-header {
|
| 27 |
+
background-color:#333;
|
| 28 |
+
color:#fff;
|
| 29 |
+
}
|
| 30 |
+
|
| 31 |
+
/*Allow column header names to wrap lines*/
|
| 32 |
+
#example-table-theme .tabulator-header .tabulator-col,
|
| 33 |
+
#example-table-theme .tabulator-header .tabulator-col-row-handle {
|
| 34 |
+
white-space: normal;
|
| 35 |
+
}
|
| 36 |
+
|
| 37 |
+
/*Color the table rows*/
|
| 38 |
+
#example-table-theme .tabulator-tableholder .tabulator-table .tabulator-row{
|
| 39 |
+
color:#fff;
|
| 40 |
+
background-color: #666;
|
| 41 |
+
}
|
| 42 |
+
|
| 43 |
+
/*Color even rows*/
|
| 44 |
+
#example-table-theme .tabulator-tableholder .tabulator-table .tabulator-row:nth-child(even) {
|
| 45 |
+
background-color: #444;
|
| 46 |
+
}
|
| 47 |
+
</style>
|
| 48 |
<body>
|
| 49 |
<div id="example-table"></div>
|
| 50 |
|