$(document).ready(function(){setTimeout(function(){$.fn.dataTable.Api.register('column().data().sum()',function(){return this.reduce(function(a,b){var x=parseFloat(a)||0;var y=parseFloat(b)||0;return x+y;});});var table=$('#dt-plugin-method').DataTable();$('').prependTo('.dt-plugin-buttons').on('click',function(){alert('Column sum is: '+table.column(3).data().sum());});$('').prependTo('.dt-plugin-buttons').on('click',function(){alert('Column sum is: '+table.column(3,{page:'current'}).data().sum());});$.fn.dataTable.ext.type.detect.unshift(function(d){return d==='Low'||d==='Medium'||d==='High'?'salary-grade':null;});$.fn.dataTable.ext.type.order['salary-grade-pre']=function(d){switch(d){case 'Low':return 1;case 'Medium':return 2;case 'High':return 3;} return 0;};$('#dt-ordering').DataTable();$.fn.dataTable.ext.search.push(function(settings,data,dataIndex){var min=parseInt($('#min').val(),10);var max=parseInt($('#max').val(),10);var age=parseFloat(data[3])||0;if((isNaN(min)&&isNaN(max))||(isNaN(min)&&age<=max)||(min<=age&&isNaN(max))||(min<=age&&age<=max)){return true;} return false;});var dtage=$('#dt-range').DataTable();$('#min, #max').keyup(function(){dtage.draw();});$.fn.dataTable.ext.order['dom-text']=function(settings,col){return this.api().column(col,{order:'index'}).nodes().map(function(td,i){return $('input',td).val();});} $.fn.dataTable.ext.order['dom-text-numeric']=function(settings,col){return this.api().column(col,{order:'index'}).nodes().map(function(td,i){return $('input',td).val()*1;});} $.fn.dataTable.ext.order['dom-select']=function(settings,col){return this.api().column(col,{order:'index'}).nodes().map(function(td,i){return $('select',td).val();});} $.fn.dataTable.ext.order['dom-checkbox']=function(settings,col){return this.api().column(col,{order:'index'}).nodes().map(function(td,i){return $('input',td).prop('checked')?'1':'0';});} $(document).ready(function(){$('#dt-live-dom').DataTable({"columns":[null,{"orderDataType":"dom-text-numeric"},{"orderDataType":"dom-text",type:'string'},{"orderDataType":"dom-select"}]});});$('#dt-server-processing').DataTable({"processing":true,"serverSide":true,"ajax":"dt-json-data/scripts/server-processing.php","columns":[{"data":"first_name"},{"data":"last_name"},{"data":"position"},{"data":"office"},{"data":"start_date"},{"data":"salary"}]});$('#dt-http').DataTable({"processing":true,"serverSide":true,"ajax":{url:"dt-json-data/scripts/server-processing.php",data:function(d){d.myKey="myValue";}},"columns":[{"data":"first_name"},{"data":"last_name"},{"data":"position"},{"data":"office"},{"data":"start_date"},{"data":"salary"}]});$('#dt-post').DataTable({"processing":true,"serverSide":true,"ajax":{url:"dt-json-data/scripts/post.php",type:"post"},"columns":[{"data":"first_name"},{"data":"last_name"},{"data":"position"},{"data":"office"},{"data":"start_date"},{"data":"salary"}]});$('#dt-ajax-array').DataTable({"ajax":"dt-json-data/arrays.txt"});$('#dt-ajax-object').DataTable({"ajax":"dt-json-data/objects.txt","columns":[{"data":"name"},{"data":"position"},{"data":"office"},{"data":"extn"},{"data":"start_date"},{"data":"salary"}]});$('#dt-nested-object').DataTable({"processing":true,"ajax":"dt-json-data/objects_deep.txt","columns":[{"data":"name"},{"data":"hr.position"},{"data":"contact.0"},{"data":"contact.1"},{"data":"hr.start_date"},{"data":"hr.salary"}]});$('#dt-orthogonal').DataTable({ajax:"dt-json-data/orthogonal.txt",columns:[{data:"name"},{data:"position"},{data:"office"},{data:"extn"},{data:{_:"start_date.display",sort:"start_date.timestamp"}},{data:"salary"}]});var generatetable=$('#dt-generate-content').DataTable({"ajax":"dt-json-data/arrays.txt","columnDefs":[{"targets":-1,"data":null,"defaultContent":""}]});$('#dt-generate-content tbody').on('click','button',function(){var data=generatetable.row($(this).parents('tr')).data();alert(data[0]+"'s salary is: "+data[5]);});$('#dt-render').DataTable({"ajax":"dt-json-data/arrays.txt","deferRender":true});$('#dom-table').DataTable();$('#ajax-table').DataTable({"ajax":'dt-json-data/ajax-table.json'});var dataSet=[["Tiger Nixon","System Architect","Edinburgh","5421","2011/04/25","$320,800"],["Garrett Winters","Accountant","Tokyo","8422","2011/07/25","$170,750"],["Ashton Cox","Junior Technical Author","San Francisco","1562","2009/01/12","$86,000"],["Cedric Kelly","Senior Javascript Developer","Edinburgh","6224","2012/03/29","$433,060"],["Airi Satou","Accountant","Tokyo","5407","2008/11/28","$162,700"],["Brielle Williamson","Integration Specialist","New York","4804","2012/12/02","$372,000"],["Herrod Chandler","Sales Assistant","San Francisco","9608","2012/08/06","$137,500"],["Rhona Davidson","Integration Specialist","Tokyo","6200","2010/10/14","$327,900"],["Colleen Hurst","Javascript Developer","San Francisco","2360","2009/09/15","$205,500"],["Sonya Frost","Software Engineer","Edinburgh","1667","2008/12/13","$103,600"],["Jena Gaines","Office Manager","London","3814","2008/12/19","$90,560"],["Quinn Flynn","Support Lead","Edinburgh","9497","2013/03/03","$342,000"],["Charde Marshall","Regional Director","San Francisco","6741","2008/10/16","$470,600"],["Haley Kennedy","Senior Marketing Designer","London","3597","2012/12/18","$313,500"],["Tatyana Fitzpatrick","Regional Director","London","1965","2010/03/17","$385,750"],["Michael Silva","Marketing Designer","London","1581","2012/11/27","$198,500"],["Paul Byrd","Chief Financial Officer (CFO)","New York","3059","2010/06/09","$725,000"],["Gloria Little","Systems Administrator","New York","1721","2009/04/10","$237,500"],["Bradley Greer","Software Engineer","London","2558","2012/10/13","$132,000"],["Dai Rios","Personnel Lead","Edinburgh","2290","2012/09/26","$217,500"],["Jenette Caldwell","Development Lead","New York","1937","2011/09/03","$345,000"],["Yuri Berry","Chief Marketing Officer (CMO)","New York","6154","2009/06/25","$675,000"],["Caesar Vance","Pre-Sales Support","New York","8330","2011/12/12","$106,450"],["Doris Wilder","Sales Assistant","Sidney","3023","2010/09/20","$85,600"],["Angelica Ramos","Chief Executive Officer (CEO)","London","5797","2009/10/09","$1,200,000"],["Gavin Joyce","Developer","Edinburgh","8822","2010/12/22","$92,575"],["Jennifer Chang","Regional Director","Singapore","9239","2010/11/14","$357,650"],["Brenden Wagner","Software Engineer","San Francisco","1314","2011/06/07","$206,850"],["Fiona Green","Chief Operating Officer (COO)","San Francisco","2947","2010/03/11","$850,000"],["Shou Itou","Regional Marketing","Tokyo","8899","2011/08/14","$163,000"],["Michelle House","Integration Specialist","Sidney","2769","2011/06/02","$95,400"],["Suki Burks","Developer","London","6832","2009/10/22","$114,500"],["Prescott Bartlett","Technical Author","London","3606","2011/05/07","$145,000"],["Gavin Cortez","Team Leader","San Francisco","2860","2008/10/26","$235,500"],["Martena Mccray","Post-Sales support","Edinburgh","8240","2011/03/09","$324,050"],["Unity Butler","Marketing Designer","San Francisco","5384","2009/12/09","$85,675"]];$('#jsource-table').DataTable({data:dataSet,columns:[{title:"Name"},{title:"Position"},{title:"Office"},{title:"Extn."},{title:"Start date"},{title:"Salary"}]});$('#server-table').DataTable({"processing":true,"serverSide":true,"ajax":"dt-json-data/server-table.php"});var t=$('#add-row-table').DataTable();var counter=1;$('#addRow').on('click',function(){t.row.add([counter+'.1',counter+'.2',counter+'.3',counter+'.4',counter+'.5']).draw(false);counter++;});$('#addRow').click();$('#footer-search tfoot th').each(function(){var title=$(this).text();$(this).html('');});var table=$('#footer-search').DataTable();table.columns().every(function(){var that=this;$('input',this.footer()).on('keyup change',function(){if(that.search()!==this.value){that.search(this.value).draw();}});});$('#footer-select').DataTable({initComplete:function(){this.api().columns().every(function(){var column=this;var select=$('').appendTo($(column.footer()).empty()).on('change',function(){var val=$.fn.dataTable.util.escapeRegex($(this).val());column.search(val?'^'+val+'$':'',true,false).draw();});column.data().unique().sort().each(function(d,j){select.append('')});});}});var srow=$('#row-select').DataTable();$('#row-select tbody').on('click','tr',function(){$(this).toggleClass('selected');});var drow=$('#row-delete').DataTable();$('#row-delete tbody').on('click','tr',function(){if($(this).hasClass('selected')){$(this).removeClass('selected');}else{drow.$('tr.selected').removeClass('selected');$(this).addClass('selected');}});$('#row-delete-btn').on('click',function(){drow.row('.selected').remove().draw(!1);});function format(d){return '
Full name: | '+ ''+d.name+' | '+ '
Extension number: | '+ ''+d.extn+' | '+ '
Extra info: | '+ 'And any further details here (images etc)... | '+ '