DataTables Descuadre de columnas

Cuando tenemos una tabla oculta, por ejemplo con tabs de bootstrap, pero al estar oculta no calcula bien los anchos y podemos encontrarnos que el thead y el tfood estan descuadrados respecto al tbody.

La solución es re-calcular el tamaño de la tabla.

    $(document).ready(function() {
        $("#tabs").tabs( {
            "activate": function(event, ui) {
                $( $.fn.dataTable.tables( true ) ).DataTable().columns.adjust();
            }
        });
    });

También tendríamos que re-calcular la tabla al acabar de cargar la pagina.

    $(window).load(function() {
        $( $.fn.dataTable.tables( true ) ).DataTable().columns.adjust();        
    });



No hay comentarios


Puedes dejar el primero : )



Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.