<h3>DataTables Example (JSON data)</h3>

<hr>

<p><a target="_blank" href="https://datatables.net/">DataTables</a> is a plug-in for the jQuery Javascript library. It is a highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table.</p>
<p><small class="text-muted">/default/asp/sampleform20.resx</small></p>

<hr>

<table id="jsExample" class="table table-striped table-bordered" style="width:100%">
	<thead>
		<tr>
			<th>id</th>
			<th>text</th>
			<th>number</th>
			<th>boolean</th>
			<th>date</th>			
		</tr>
	</thead>
</table>

<script>
$(document).ready( function () {
	
	//json data
	$('#jsExample').DataTable({
	
		"columnDefs": [{"targets": '_all',"render":$.fn.dataTable.render.text()}],	
		"ajax": {"url": aspLiteAjaxHandler + "?asplEvent=sampleform20_data","dataSrc": "aspl"},			 
		"columns": [
            { "data": "id" },
            { "data": "text" },
            { "data": "number" },
			{ "data": "boolean" },
			{ "data": "date" }			
			]			
	});	
});
</script>