MINI Sh3ll
var DatatableChildRemoteDataDemo=function(){var t=function(){var t=$(".m_datatable").mDatatable({data:{type:"remote",source:{read:{url:"http://keenthemes.com/metronic/preview/inc/api/datatables/demos/employees.php"}},pageSize:10,saveState:{cookie:!0,webstorage:!0},serverPaging:!0,serverFiltering:!1,serverSorting:!0},layout:{theme:"default",scroll:!1,height:null,footer:!1},sortable:!0,pagination:!0,detail:{title:"Load sub table",content:function(t){$("<div/>").attr("id","child_data_ajax_"+t.data.RecordID).appendTo(t.detailCell).mDatatable({data:{type:"remote",source:{read:{url:"http://keenthemes.com/metronic/preview/inc/api/datatables/demos/orders.php",headers:{"x-my-custom-header":"some value","x-test-header":"the value"},params:{query:{generalSearch:"",EmployeeID:t.data.RecordID}}}},pageSize:10,saveState:{cookie:!0,webstorage:!0},serverPaging:!0,serverFiltering:!1,serverSorting:!0},layout:{theme:"default",scroll:!0,height:300,footer:!1,spinner:{type:1,theme:"default"}},sortable:!0,columns:[{field:"RecordID",title:"#",sortable:!1,width:50,responsive:{hide:"xl"}},{field:"OrderID",title:"Order ID",template:function(t){return"<span>"+t.OrderID+" - "+t.ShipCountry+"</span>"}},{field:"ShipCountry",title:"Country",width:100},{field:"ShipAddress",title:"Ship Address"},{field:"ShipName",title:"Ship Name"}]})}},columns:[{field:"RecordID",title:"",sortable:!1,width:50,textAlign:"center"},{field:"FirstName",title:"First Name",sortable:"asc"},{field:"LastName",title:"Last Name"},{field:"Company",title:"Company"},{field:"Email",title:"Email"},{field:"Actions",width:110,title:"Actions",sortable:!1,overflow:"visible",template:function(t){return'\t\t\t\t\t\t<div class="dropdown '+(t.getDatatable().getPageSize()-t.getIndex()<=4?"dropup":"")+'">\t\t\t\t\t\t\t<a href="#" class="btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" data-toggle="dropdown"> <i class="la la-ellipsis-h"></i> </a>\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-right">\t\t\t\t\t\t \t<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\t\t\t\t\t\t \t<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\t\t\t\t\t\t \t<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\t\t\t\t\t\t \t</div>\t\t\t\t\t\t</div>\t\t\t\t\t\t<a href="#" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" title="Edit details">\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t</a>\t\t\t\t\t\t<a href="#" class="m-portlet__nav-link btn m-btn m-btn--hover-danger m-btn--icon m-btn--icon-only m-btn--pill" title="Delete">\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t</a>\t\t\t\t\t'}}]}),e=t.getDataSourceQuery();$("#m_form_search").on("keyup",function(e){var a=t.getDataSourceQuery();a.generalSearch=$(this).val().toLowerCase(),t.setDataSourceQuery(a),t.load()}).val(e.generalSearch),$("#m_form_status, #m_form_type").selectpicker()};return{init:function(){t()}}}();jQuery(document).ready(function(){DatatableChildRemoteDataDemo.init()});
OHA YOOOO