DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<table id="table">
  <thead>
    <th>Text</th>
    <th>ED</th>
    <th>Order</th>
  </thead>
  <tbody>
    <tr>
      <td>1.1</td>
      <td>1.2</td>
      <td>1.3</td>
    </tr>
  </tbody>
</table>
<input type='button' id="btnAdd" value='Add' />

JavaScript

$('#table').DataTable({
  "columns": [
    {"data": "Text"},
    {"data": "ED"},
    {"data": "Order"}
  ],
  createdRow: function(row, data, dataIndex) {
    $(row).attr('data-lid', data.pid);
  }
});

$('#btnAdd').on('click', function() {
  $('#table').DataTable().row.add({
    "pid": "27",
    "Text": "3",
    "ED": "4",
    "Order": "6"
  }).draw();
});