Estoy utilizando jQuery datatables. Al ejecutar la aplicación, el ancho del encabezado no está alineado con el ancho del cuerpo. Pero cuando hago clic en la cabecera, se alinea con la anchura del cuerpo, pero incluso entonces hay una ligera desalineación. Este problema sólo ocurre en IE.
[JSFiddle][1]
Así es como se ve cuando se carga la página:
Después de hacer clic en la cabecera:
Mi código datatable:
$("#rates").dataTable({
"bPaginate": false,
"sScrollY": "250px",
"bAutoWidth": false,
"bScrollCollapse": true,
"bLengthChange": false,
"bFilter": false,
"sDom": '<"top">rt<"bottom"flp><"clear">',
"aoColumns": [{
"bSortable": false
},
null,
null,
null,
null
]
});
rates
es el id de mi tabla.
¿Alguien podría ayudarme con esto? Gracias de antemano.
$("#rates").dataTable({
"bPaginate": false,
"sScrollY": "250px",
"bAutoWidth": false,
"bScrollCollapse": true,
"bLengthChange": false,
"bFilter": false,
"sDom": '<"top">rt<"bottom"flp><"clear">',
"aoColumns": [{
"bSortable": false
},
null,
null,
null,
null
]}).fnAdjustColumnSizing( false );
Prueba a llamar a fnAdjustColumSizing(false) al final de tu llamada a datatables. código modificado arriba.
Unos simples css en las cabeceras deberían hacerlo por ti.
#rates_info, #rates_paginate
{
float: left;
width: 100%;
text-align: center;
}
Can't promesa de que esto funcionará tal como es porque he't visto su html, pero probarlo y si doesn't entonces usted puede publicar su html y I'll actualizarlo.