Saltar al contenido

jQuery DataTables ancho máximo de columna

Esta es el arreglo más acertada que encomtrarás brindar, sin embargo obsérvala pausadamente y analiza si se adapta a tu trabajo.

Solución:

Su problema parece más relacionado con CSS …

Utilizando ajuste de línea en CSS solucionaría ese problema, por columnaX simplemente agregue esto a su CSS.

.columnX 
  word-wrap: break-word;

Envolvería incluso palabras sin espacios en función del ancho establecido para la columna.

Ver: https://developer.mozilla.org/en/css/word-wrap

Estoy de acuerdo con la solución anterior de usar el word wrap – funciona muy bien. Sin embargo, tuve más problemas con las columnas con grandes cantidades de datos. También hice lo siguiente para que funcionara por completo:

He tenido numerosos problemas con los anchos de columna de datatables. La solución mágica para mí fue incluir la línea

table-layout: fixed;

Esta css va con el total css de la mesa. Por ejemplo, si ha declarado el datatables como el siguiente:

LoadTable = $('#LoadTable').dataTable.....

Entonces la magia css la línea iría en la clase Loadtable.

#Loadtable 
  margin: 0 auto;
  clear: both;
  width: 100%;
  table-layout: fixed;

¡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 *