DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/rowreorder/1.0.0/js/dataTables.rowReorder.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/rowreorder/1.0.0/css/rowReorder.dataTables.css">
<table id="example">
        <thead>
            <tr>
                <th>Sequence</th>
                <th>Name</th>
                <th>Age</th>
            </tr>
        </thead>
    </table>

JavaScript

var data = [
    {
      "seq": 1,
      "name": "John",
      "age": 22
    },
    {
      "seq": 2,
      "name": "Paul",
      "age": 19
    },
    {
      "seq": 3,
      "name": "Mary",
      "age": 21
    }
	];
var table = $('#example').DataTable({
	"data": data,
	rowReorder: true,
  "columns": [
    { "data": "seq" },
    { "data": "name" },
    { "data": "age" },
  ]
})