<link rel="stylesheet" type="text/css" href="./assets/css/datatable.css" />
<table id="example">
</table>
<script src="./assets/js/datatable.js"></script>
<script>
$(document).ready(function () {
var datatable = new DataTable({
table: '#example',
ajax: '/datatable/getData.php'
});
});
</script>
parameter | type | require | description |
---|---|---|---|
table | string | required | Selector of table |
ajax | string | required | Ajax url to get data of table |
row_height | int | optional | height of row (default: 40) |
pagination | int | optional | amount per page (default: 40) |
- Resize Column Width
- Reorder Column
- Hide / Show Columns
- Get Data by Ajax
- Scrolling Pagination
- Fixed Heaer and Fixed First Column