File size: 1,139 Bytes
02724dc 27648bc 02724dc 27648bc 02724dc 3cdff1e 27648bc ecf672f 02724dc 27648bc 3cdff1e 27648bc 02724dc |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabulator Example</title>
<link href="https://unpkg.com/tabulator-tables/dist/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/tabulator-tables/dist/js/tabulator.min.js"></script>
</head>
<body>
<div id="example-table"></div>
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},
],
});
</script>
<script type="text/javascript">
</script>
</body>
</html> |