rdatatb
v0.2.1
Published
Simple vanilla javascript datatable
Downloads
9
Maintainers
Readme
RdataTB
simple vanilla javascript datatable
Setup
<script src="https://cdn.jsdelivr.net/gh/Rakhmadi/RdataTB@master/dist/index.js"></script>
<script>
let x = new RdataTB('youTableid');
</script>
Options
You can enter options in the second parameter
<script>
let x = new RdataTB('youTableid',{
RenderJSON:[], // Convert Json to Table html
ShowSearch:true, // show search field,
ShowSelect:true, // show show select,
ShowPaginate:true, // show paginate ,
SelectionNumber:[5,10,20,50], //Change Option in Select
HideColumn:[], // Hide column
ShowHighlight:false, // show Highlight if search
fixedTable:true, // fixed table
sortAnimate:true // show animated if sorted
});
</script>
Valid table syntax
<table id="myTable">
<thead>
<tr>
<th>Head 1</th>
<th>Head 2</th>
<th>Head 3</th>
<!-- If column contain type date add attribut "type-date" example = <th type-date >Head 3</th> -->
</tr>
</thead>
<tbody>
<tr>
<td>data 1</td>
<td>data 2</td>
<td>data 3</td>
</tr>
</tbody>
</table>
Class RdataTB()
Property
| Property | Descriptions |
|--|--|
| DataTableRaw
| Get table data in json format |
|HeaderDataTable
|Get all column name|
| RowDataTable
|Get data in row table|
| DataToRender
|Get the data displayed in the table|
Methods
|Name Methods | Descriptions|
|--|--|
| DownloadCSV('FileName');
| Download table in csv format "default filename is Export" |
| DownloadJSON('FileName');
|Download table in Json format "default filename is Export"|
|sort('columnName');
|Sort table by column asc and desc|
|nextItem();
|Get next page data|
| prevItem();
|Get previous page data|