qrz/static/js/datatable.js

$(document).ready(function () {
  $('#main_table').DataTable({
    "rowReorder": {
      "selector": 'td:nth-child(2)'
    },
    "responsive": true,
    "display": true,
    "cell-border": true,
    "processing": true,
    "serverSide": true,
    "language": {
      "lengthMenu": "Show _MENU_ entries",
      "info": "Showing page _PAGE_ of _PAGES_",
      "search": "Search :",
      "paginate": {
        "first": "First",
        "last": "Last",
        "next": "Next",
        "previous": "Previous"
      },
    },
    "stateSave": true,
    "ajax": {
      "url": "/qrzws",
      "type": "POST",
      "contentType": "application/json",
      "data": function (d) {
        return JSON.stringify(d);
      },
    },
    "columns": [{
        "name": "qrz"
      },
      {
        "name": "name"
      },
      {
        "name": "city"
      },
      {
        "name": "dept"
      },
      {
        "name": "country"
      },
      {
        "name": "dmrid"
      },
    ]
  });
});