Spaces:
Sleeping
Sleeping
| <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> | |
| <script> | |
| 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}, | |
| ] | |
| var table = new Tabulator("#example-table", { | |
| height:"311px", | |
| rowHeader:{formatter:"rownum", headerSort:false, hozAlign:"center", resizable:false, frozen:true}, | |
| columns:[ | |
| {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> | |
| </body> | |
| </html> |