Fix Column Problem reading dynamic header from the server

acuevas

Hi!

Im trying to solve a problem with my table because Im trying to fix one column using $.fn.dataTable.FixedColumns( oTable ); Using this, the first column got fixed but when I use the horizontal scroll I can see how the other columns are passing behind that column. I hope you understand because I don´t know how to explain it. I think that could be a Styiling problem with CSS but I can´t find the problem.

This is my configuration code:

$(document).ready(function() {

$.getJSON( "planillatarifas/data", null, function (json) {

var oTable = $("#tabla_tarifas").dataTable( {
"sScrollX": "300%",
"sScrollXInner": "200%",
"bScrollCollapse": true,
"bProcessing": true,
"bPaginate": true,
"sPaginationType": "full_numbers",
"aoColumns": json.aoColumns
} );

new $.fn.dataTable.FixedColumns( oTable );

} );

} );


And here is my HTML file:






And Im importing this libraries:

jquery-1.9.0.min.js
jquery.dataTables.min.js
dataTables.fixedColumns.min.js


Thanks!!