Guest User

Datatable custom searchbox

a guest
Feb 10th, 2017
279
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     var claimsTable = '';
  2.  
  3.     //Constructs the Claim table based on the data obtained.
  4.     var buildClaimsTable = function (data) {
  5.         $('#claimsBody').empty();
  6.         claimsTable = $('#claimsTable').DataTable({
  7.             "aaData": data,
  8.             destroy: true,
  9.             "info": false,
  10.             "pageLength": 6,
  11.             "bAutoWidth": false,
  12.             "bLengthChange": false,
  13.             "bFilter": false,
  14.             "aoColumns": [
  15.                 { "mData": "PatientName" },
  16.                 { "mData": "Sevarthid" },
  17.                 { "mData": "PAID" },
  18.                 { "mData": "CaseType" },
  19.                 { "mData": "CurrentStatus" },
  20.                 { "mData": "DOA" },
  21.                 { "mData": "DOD" },
  22.                 { "mData": "ClaimedAmount", sClass: "text-right" },
  23.                 { "mData": "Remark", sClass:"text-center" },
  24.                 {
  25.                     "mData": "Id",
  26.                     "mRender": function (data, type, full) {
  27.                         return '<a rowid="' + data + '" href="#" class="updateStatusBtn btn btn-xs btn-primary" data-toggle="modal" data-target="#UpdateStatusDiv">Update Status</a> ';
  28.                     },
  29.                     sClass:"text-right"
  30.                 }
  31.             ],
  32.         });
  33.     }
  34. //This is my search box
  35.  $('#SearchBox').on('keyup', function () {
  36.         claimsTable.search(this.value).draw();
  37.     });
Add Comment
Please, Sign In to add comment