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> | |
| 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> |