Use JSON with OpenJS Grid #openjs

json.php

<?php 
 
$rows['_1234'] = 
 
array(
	'rowone' => 'Row One',
	'rowtwo' => 'Row Two',
	'rowthree' => 'Row Three',
	'rowfour' => 'Row Four',
	'rowfive' => 'Row Five',
	'rowsix' => 'Row Six'
	);
 
$rows['_1235'] = 
 
array(
	'rowone' => 'Row One B',
	'rowtwo' => 'Row Two B',
	'rowthree' => 'Row Three B',
	'rowfour' => 'Row Four B',
	'rowfive' => 'Row Five B',
	'rowsix' => 'Row Six B'
	);

 
$data = array(
	'rows' => $rows,
	'nRows' => 1,
	'order_by' => 'rowtwo',
	'sort' => "asc",
	'page' => "1",
	'start' => 1,
	'end' => 15,
	'colData' => array()
	);
 
	echo json_encode($data);

json_table_grid.php

<table class="table-grid" action="/json.php">
	<tr>
	<th col="rowone" width="60">One</th>
	<th col="rowtwo" width="100">Two</th>
	<th col="rowthree">Three</th>
	<th col="rowfour" width="110">Four</th>
	<th col="rowfive" width="90">Five</th>
	<th col="rowsix" width="180">Six</th>
	</tr>
</table>

render-grid.js

<script>
  $(function() {
    $(".table-grid").grid();
  });
</script>