rdatatb

0.2.1 • Public • Published

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

Package Sidebar

Install

npm i rdatatb

Weekly Downloads

1

Version

0.2.1

License

MIT

Unpacked Size

93.1 kB

Total Files

10

Last publish

Collaborators

  • rakhmadi