Datatables
HTML
<div id="tableWrapper-all">
<div id="assets-tableWrapper" class="tableWrapper-active" style="display: block;">
<div class="col-sm-2 float-left">
<label for="table-change-assets">Selected Table:</label>
<select id="table-change-assets">
<option class="assetsOption" selected="">Assets</option>
<option class="contactsOption" selected="">Contacts</option>
<option class="ordersOption" selected="">Orders</option>
<option class="modelsOption" selected="">Models</option>
</select>
</div>
<table id="assets-table" border="1">
<thead>
<tr>
<th></th>
<th>Alias</th>
<th>BarcodeNum</th>
<th>SerialNum</th>
<th>Model</th>
<th>Manufacturer</th>
<th>Device Type</th>
<th>Last Seen Date</th>
<th>Order Number</th>
<th>Item Status</th>
<th>Equipment Type</th>
<th>Comments</th>
<th>Assigned Level</th>
<th>Acquired Date</th>
<th>Issued Date</th>
<th>Warranty Exp Date</th>
<th>Surplus Date</th>
</tr>
</thead>
</table>
</div>
JavaScript
//Load Editor Overlay - Assets
var assetsEditor = new $.fn.dataTable.Editor({
ajax: "/expiremental/wp-content/plugins/datatables/php/table-data/assets-table.php",
table: '#assets-table',
fields: [
{ label: "Alias", name: "Alias" },
{ label: "Barcode Number", name: "BarcodeNum" },
{ label: "Serial Number", name: "SerialNum" },
{ label: "Model", name: "Model" },
{ label: "Manufacturer", name: "Manufacturer" },
{ label: "Device Type", name: "Device_Type" },
{ label: "Last Seen Date", name: "Last_Seen_Date", type: "datetime", format: 'M/D/YYYY' },
{ label: "Order Number", name: "OrderNum" },
{ label: "Item Status", name: "Item_Status" },
{ label: "Equipment Type", name: "Equipment_Type" },
{ label: "Comments", name: "Comments" },
{ label: "Assigned Level", name: "AssignedLevel" },
{ label: "Acquired Date", name: "Acquired_Date", type: "datetime", format: 'M/D/YYYY' },
{ label: "Issued Date", name: "Issued_Date", type: "datetime", format: 'M/D/YYYY' },
{ label: "Warranty Exp Date", name: "Warranty_Exp_Date", type: "datetime", format: 'M/D/YYYY' },
{ label: "Surplus Date", name: "Surplus_Date", type: "datetime", format: 'M/D/YYYY' }
]
});
//Disable test - Disables in formal "Edit" window, but not inline editor
//It disables the field in the inline editor, too, by adding the normal 'disabled' attribute to the input tag, but it still pops up as a field in the inline editor. More html form limitations.
// assetsEditor.field( 'Alias' ).disable();
// assetsEditor.field( 'Manufacturer' ).disable();
// assetsEditor.field( 'Device_Type' ).disable();
//Load Client Side Table - Assets
var assetsDataTable = $('#assets-table').DataTable( {
serverSide: true,
ajax: { url:...