2010-07-16 73 views
6

Estoy usando jQuery DataTables en mi aplicación web .NET, pero ¿cómo puedo establecer un ancho máximo para una columna específica, todas las demás columnas deben ser de tamaño automático (como están ahora en mi tabla)jQuery DataTables ancho máximo de columna

EDIT

las tablas de datos hicieron correctamente por sí mismo, el problema era que había una palabra muy larga sin espacios que causan el problema

+0

¿Quieres decir datatables.net? – dzida

+1

Sí, pero ya descubrí cuál era el problema, tuve una cadena de prueba sin espacios. –

Respuesta

8

Su problema parece más relacionada con CSS ...

El uso de word-wrap en CSS solucionaría ese problema, para columnX simplemente agregue esto a su CSS.

.columnX { 
    word-wrap: break-word; 
} 

Envolvería palabras uniformes sin espacios según el ancho establecido para la columna.

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

5

estoy de acuerdo con la solución anterior de utilizar el word wrap - funciona muy bien. Sin embargo, tuve más problemas con columnas con grandes cantidades de datos. También hice lo siguiente para que funcione:

He tenido numerosos problemas con el ancho de las columnas de datatables. La solución mágica para mí fue incluida la línea

table-layout: fixed; 

Este css va con el general css de la tabla. Por ejemplo, si se ha declarado el datatables como la siguiente:

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

Entonces el css línea mágica iría en la clase Loadtable.

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

+1 Gracias. Ustedes, Justin, y han ahorrado mi montón de tiempo :-) – webcoder

+0

La combinación de esto con la respuesta aceptada funciona, la respuesta aceptada por sí sola no. –

Cuestiones relacionadas