Search

var table = $('#example').DataTable( { ..... table .on('xhr', function( e, settings, json, xhr ) { if ( json != null ) { if ( typeof json.options !== 'undefined' ) { //Merges

var table = $('#example').DataTable({ searchPanes: true }); table.searchPanes.container().insertAfter('#spButton').addClass('collapse').attr("id","spCont");

Yes, when there is no "style='display:none'", both of headers with applied scrolling option are OK, but when style is used, why $('#example, #example2').show(); works like this for 2nd and d

var table = $('#example').DataTable( {

function"); }, table: "#example", idSrc: "id", fields: [{"label": "ID", "name": "id"}, {"l

// Add event listener for opening and closing details $('#example tbody').on('click', 'tr.message', function () { var tr = $(this).closest('tr'); var row = table.row(tr);

$('#example tbody').on( 'click', 'button', function () { var data = table.row( $(this).parents('tr') ).data(); alert( data[0] +"'s salary is: "+ data[ 5 ] ); }

table#example.dataTable tbody tr.Highlight > .sorting_1 {

OK. I started with something simple as a test. This is buried in the body starting with $('#example').DataTable({...

"initComplete": function(settings, json){ $('#example').addClass('table-responsive'); $('.table-responsive').css({ width: '100%', }); new $.fn.dataTable.FixedHeader( table ); },

$('#example').addClass('table-responsive');

$(document).ready( function () { var table = $('#mainTable').DataTable( { ordering: true, columnDefs: [ { targets: [11], orderabl

If you scroll down you can see the table-responsive bar. The fixedheader doesn't adapt to it, because, I suppose, #example is without table-responsive but wrapped with table-responsive.

$(document).ready(function() { var table = $('#example').DataTable( { ...ajax call and bla bla..., "initComplete": function(settings, json){ $('#example').wrap('<div></div>'); ne

$('#example').DataTable( {

editor = new $.fn.dataTable.Editor( { table: "#example", fields: [ { label: "Name:", name: "name" }, {

new $.fn.dataTable.Editor( { "ajax": "php/dates.php", "table": "#example", "fields": [ { "label": "Genres:", "na

table = $('#example').DataTable( { //"processing" : true, "ajax" : { "url" : "static/tab/ajax/tents.json", 'dataSrc

this is the tbody element which does not have .index() as a function and is not useable as a row-selector. Change the keyup event selector to $("#example tbody tr") and the value of this wi

editor = new $.fn.dataTable.Editor( { table: "#example", fields: [ { label: "Name:", name: "name" }, {