2010-08-04 22 views
6

Tengo una tabla con datos dinámicos.Mantener el ancho de la tabla fijo

Según los datos, se expande o se contrae.

No lo quiero. Quiero un ancho fijo que nunca se expanda o colapse.

¿Cómo puedo hacer eso?

Ya he intentado <table width="300px"></table>, pero no funciona.

Respuesta

12

El siguiente debería funcionar:

<table style="width:300px;table-layout:fixed"></table> 
+0

hombre, funciona ! pero no sigue el ancho 300, maldita sea – ozsenegal

+0

¿Es más grande o más pequeño que 300? ¿Tiene relleno, espaciado, márgenes o bordes en la mesa? – ironsam

-1

De cualquier vieja y fea manera

<table width="300"></table> 

o la forma en CSS

<table style="width:300px"></table> 

Por supuesto, la mejor manera es usar un archivo de hoja de estilo separada, llamarlo por ejemplo style.css:

table { 
    width: 300px; 
} 

y su documento html:

<!DOCTYPE html> 
<html> 
    <head> 
    <link rel="stylesheet" href="style.css"/> 
    </head> 
    <body> 
    <table> 
    ... 
    </table> 
    </body> 
</html> 
+0

no, eso no es quite.it sigue cambiando – ozsenegal

0

lo haces con el ancho de cada columna explícitamente como tal:

td.a { 
    width:100px; 
} 
td.b { 
    width:200px; 
} 
... 

<table> 
<tr><td class='a'>A</td><td class='b'>B</td></tr> 
<tr><td class='a'>A</td><td class='b'>B</td></tr> 
<tr><td class='a'>A</td><td class='b'>B</td></tr> 
<tr><td class='a'>A</td><td class='b'>B</td></tr> 
</table> 
Cuestiones relacionadas