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;