Search

table: "#example", fields: [{ label: "Employee Id:"+p1.fontcolor("red"), name: "e_id"

} }, table: "#example", fields: [ { label: "Nombre (establecimiento):", nam

$(function(){ $("#example").DataTable({ dom:"<'row'<'col-md-6'l><'col-md-6'f>><'row'<'col-md-12'tr>>&

$('#example').on( 'focusout', 'tbody td:not(:first-child)',function() {

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

$('#example').DataTable( {

$('#example').DataTable( { "ajax": { "dataType": "xml", "url": feed[i], "dataSrc" : function() {

} }, table: "#example", fields: [ { label: "Nombre (establecimiento):", name

$(document).ready(function() { $('#example').DataTable( { data: arrObj, columns: arrObj2, } ); } );

//set the initial datatable var table = $('#example').DataTable(); //add some rows table.rows.add([...]) //store the whole data for later use var oldData = table.data(); //add some more rows table.

Okay, when I don't use the ID selector #example but add a class selector .example-table, the alignment is correct in Chrome.

$('#example').dataTable();

{ debugger; $('#example').dataTable({ aLengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, 'All']], "iDisplayLength": -1,

$('#example').dataTable();

$('#example').dataTable();

{ debugger; $('#example').dataTable({ aLengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, 'All']], "iDisplayLength": -1,

( { table: "#example", fields: [ { label: "First Name:",

$('#example').dataTable( { "lengthChange": false } );

$(document).ready(function() { $('#example').DataTable( { "info": false } ); } );

The issue is your #example styling. I removed that and everything lined up nicely. Try not to have styling that affects the table itself as you can see it screws up DataTables attempt at lining up s