help me header display missaligment

GEX007

Hi everyone, I have the following problem

I used Jquery

Code JS

tabla = $('#reporte').DataTable({
"columns": [
{"title": "Fecha

"},
{"title": "Institución"},
{"title": "Emisión"},
{"title": "Tipo de Operación"},
{"title": "Clasificación contable"},
{"title": "Restricción"},
{"title": "Oficina"},
{"title": "Precio"}
],
"jQueryUI": true,
"language": {
"url": "../../Utilerias/spanish.json"
},
scrollX: true
Code HTML

thank you

jellydonuts

I think this looks like a CSS issue, likely something constraining the <tr> element containing your <th> elements. Use the inspectors in either firefox or chrome to inspect the CSS styling being applied to the table to see where it's coming from. The "computed" tab in chrome is pretty nice, it shows all of the css styles on that element

GEX007

I could solve it using the function window.setTimeout("tabla.columns.adjust()",1000);

thank you jellydonuts