| Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/eoffice/frontend/web/metronic/demo/demo10/custom/crud/datatables/basic/ |
Upload File : |
var DatatablesBasicBasic={init:function(){var e;(e=$("#m_table_1")).DataTable({responsive:!0,dom:"<'row'<'col-sm-12'tr>>\n\t\t\t<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>",lengthMenu:[5,10,25,50],pageLength:10,language:{lengthMenu:"Display _MENU_"},order:[[1,"desc"]],headerCallback:function(e,a,t,n,s){e.getElementsByTagName("th")[0].innerHTML='\n <label class="m-checkbox m-checkbox--single m-checkbox--solid m-checkbox--brand">\n <input type="checkbox" value="" class="m-group-checkable">\n <span></span>\n </label>'},columnDefs:[{targets:0,width:"30px",className:"dt-right",orderable:!1,render:function(e,a,t,n){return'\n <label class="m-checkbox m-checkbox--single m-checkbox--solid m-checkbox--brand">\n <input type="checkbox" value="" class="m-checkable">\n <span></span>\n </label>'}},{targets:-1,title:"Actions",orderable:!1,render:function(e,a,t,n){return'\n <span class="dropdown">\n <a href="#" class="btn m-btn m-btn--hover-brand m-btn--icon m-btn--icon-only m-btn--pill" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="m-portlet__nav-link btn m-btn m-btn--hover-brand m-btn--icon m-btn--icon-only m-btn--pill" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(e,a,t,n){var s={1:{title:"Pending",class:"m-badge--brand"},2:{title:"Delivered",class:" m-badge--metal"},3:{title:"Canceled",class:" m-badge--primary"},4:{title:"Success",class:" m-badge--success"},5:{title:"Info",class:" m-badge--info"},6:{title:"Danger",class:" m-badge--danger"},7:{title:"Warning",class:" m-badge--warning"}};return void 0===s[e]?e:'<span class="m-badge '+s[e].class+' m-badge--wide">'+s[e].title+"</span>"}},{targets:9,render:function(e,a,t,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"accent"}};return void 0===s[e]?e:'<span class="m-badge m-badge--'+s[e].state+' m-badge--dot"></span> <span class="m--font-bold m--font-'+s[e].state+'">'+s[e].title+"</span>"}}]}),e.on("change",".m-group-checkable",function(){var e=$(this).closest("table").find("td:first-child .m-checkable"),a=$(this).is(":checked");$(e).each(function(){a?($(this).prop("checked",!0),$(this).closest("tr").addClass("active")):($(this).prop("checked",!1),$(this).closest("tr").removeClass("active"))})}),e.on("change","tbody tr .m-checkbox",function(){$(this).parents("tr").toggleClass("active")})}};jQuery(document).ready(function(){DatatablesBasicBasic.init()});