Recuerda que en las ciencias un error casi siempere suele tener varias soluciones, pero nosotros compartiremos lo más óptimo y mejor.
Solución:
Veo en tu Actualización 2 que tienes uso sAutoWidth
pero creo que escribiste mal bAutoWidth
. Intenta cambiar esto.
También puede agregar una regla CSS a .table
si el problema persiste.
También debe tener cuidado cuando el ancho del contenido es mayor que el encabezado de la columna.
Entonces, algo así como la combinación de 1 y 2:
$('.table').dataTable(
bAutoWidth: false,
aoColumns : [
sWidth: '15%' ,
sWidth: '15%' ,
sWidth: '15%' ,
sWidth: '15%' ,
sWidth: '15%' ,
sWidth: '15%' ,
sWidth: '10%'
]
);
Deberías usar “bAutoWidth
” propiedad de tabla de datos y dar ancho a cada td/columna en %
$(".table").dataTable("bAutoWidth": false ,
aoColumns : [
"sWidth": "15%",
"sWidth": "15%",
"sWidth": "15%",
"sWidth": "15%",
"sWidth": "15%",
"sWidth": "15%",
"sWidth": "10%",
]
);
Espero que esto ayude.
mi forma de hacerlo
$('#table_1').DataTable(
processing: true,
serverSide: true,
ajax: 'customer/data',
columns: [
data: 'id', name: 'id' , width: '50px', class: 'text-right' ,
data: 'name', name: 'name' width: '50px', class: 'text-right'
]
);
Aquí tienes las comentarios y valoraciones
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)