Search

table.dataTable tfoot { display: table-footer-group; display: table-header-group; // on using this fixed header cant display } var table = $("#example").DataTable({

}); var table = $('#example').DataTable({ "pageLength": 25, data: results, columns: [{ title: "Item" }, {

var table2 = $('#example2').DataTable({ "paginate": false, "sort": false, "bInfo": false, "rowId": 'id', "search&qu

// Activate an inline edit on click of a table cell $('#example').on( 'click', 'tbody td.editable', function (e) { editor.inline( this ); if(e.which == 9) {

$('#example').DataTable({

editor.edit( $('#example').DataTable().rows().indexes() ).buttons('submit');

table: "#example", dom: 'Bfrtip', fields: [ { label: "Age:"

$('#example').DataTable( {

$(document).ready(function() { $('#example').DataTable( { "dom": 'Bfirtlp', buttons: [ { extend: 'excelHtml5', exportOptions: {

$('#example').on( 'click', 'tbody td:not(:first-child)', function (e) { editor.bubble( this, { submit: 'changed' } ); } );

$('#example') .on('xhr.dt', function ( e, settings, json, xhr ) { $('#total').html(json.sum) ; } )

$(document).ready(function() { var table= $('#example2').DataTable( { responsive: true, "processing": true, "serverSide": true, ajax: { u

$(document).ready(function() { var table= $('#example2').DataTable( { responsive: true, "processing": true, "serverSide": true, ajax: { u

$(document).ready( function () { var table = $('#example').DataTable({ "pageLength": "50", "stateSave": true}); } );

var editor; // use a global for the submit and return data rendering in the examples $(document).ready(function() { editor = new $.fn.dataTable.Editor( { table: "#example",

$(document).ready(function () { var editor = new $.fn.dataTable.Editor({ table: '#example', idSrc: 'DT_RowId', language: { url: '//cdn.datatables.net/plug-ins/1.10.19/i18n/English

My guess is var sum = $('#example2').DataTable().column(4).data().sum(); is running before the ajax response. Try placing it in either initComplete or drawCallback so it runs after the ajax resposne

` ` $(document).ready(function() { var sum = $('#example2').DataTable().column(4).data().sum(); $('#total').html(sum); });

table: "#example",

$('#example').DataTable( {