Saltar al contenido

DataTables.js: la tabla no se carga al 100% del ancho completo inicial en la carga de la página

Puede que se de el caso de que halles algún error en tu código o proyecto, recuerda probar siempre en un entorno de testing antes subir el código al proyecto final.

Solución:

para usuarios de Bootstrap 4

Si está utilizando clases de Bootstrap en la tabla, es posible que se encuentre con este problema de ancho. Para solucionar esto, use la opción predeterminada de la tabla de datos "autoWidth": false

Habilite o deshabilite el cálculo automático de ancho de columna. Esto se puede deshabilitar como una optimización (se necesita una cantidad finita de tiempo para calcular los anchos) si los anchos de las tablas se pasan usando

$('#example').dataTable( 
    "autoWidth": false
);

https://datatables.net/reference/option/autoWidth

Creo que resolví el problema. Estaba usando una versión anterior.

Después de actualizar a 10.1 y seguir las instrucciones de ancho de tabla a continuación, resolví mi problema.

Agregué (width=”100%”) a la etiqueta de mi tabla y ahora se mantiene al 100%

Enlace

https://stackoverflow.com/a/23842795/1691103

Ejemplo

http://www.datatables.net/examples/basic_init/flexible_width.html

Comentarios y valoraciones de la guía

Al final de todo puedes encontrar las acotaciones de otros gestores de proyectos, tú de igual forma tienes la libertad de dejar el tuyo si te apetece.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *