Saltar al contenido

Datatables – Configuración del ancho de columna

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 sAutoWidthpero 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)



Utiliza Nuestro Buscador

Deja una respuesta

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