Hacer una celda de mesa "codiciosa"

Tengo una fila en una tabla que tiene 3 celdas con los valores A, B y C, y la tabla es el ancho total de la pantalla, que es más que suficiente espacio para todos 3. En este momento, cuando se muestran , todas las celdas obtienen 1/3 de la habitación, pero esto no es lo que quiero. Quiero que las celdas segunda y tercera sean su tamaño "correcto", y la primera celda que tome la diferencia. No puedo simplemente establecer el ancho en ellos porque tienen un tamaño dinámico. ¿Cómo puedo hacer esto?Hacer una celda de mesa "codiciosa"

Fuente

2011-08-19 skaz

quiere decir los tres han establecido dinámicamente su ancho ? o solo B y C ?, si deja A sin ancho, hará lo que usted solicitó. – jackJoe

@jackJoe - B y C deben tener el ancho sobre cualquiera que sea su contenido. Cualquier habitación que sobra, A debe tomar. – skaz

-1

Probé métodos Diodeus y Rune de, pero no funcionó para mi ejemplo. Terminé haciendo una fusión en las celdas B y C ya que no podía encontrar nada. Gracias por tu ayuda.

Fuente

2011-08-20 19:58:27 skaz

Código A y C en píxeles y dar B una anchura de 100%

Fuente

2011-08-19 20:09:29

acaba de establecer la anchura de la mesa a 100%, la anchura de A a 100% y B y C a automático Probado y trabajando

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%">A</td> 
     <td width="auto">BB</td> 
     <td width="auto">CCC</td> 
    </tr> 
</table>

Fuente

2011-08-19 20:24:39

auto es el ancho predeterminado, por lo que solo se debe especificar el ancho del 100% en la celda en cuestión. (Trabajó para mi.) – Pistos

intento,

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%" height="100" style="background:#ff0000; display:block">A</td> 
     <td width="100%" height="100" style="background:#00ff00; display:block">BB</td> 
     <td width="100%" height="100" style="background:#ff00ff; display:block">CCC</td> 
    </tr> 
</table>

Fuente

2011-08-20 07:51:35 anglimasS

La respuesta de Rune con el comentario de Pistos me acercó. El último paso fue añadir style = "white-space: nowrap" a las columnas no codiciosos, dando:

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%">A wide column</td> 
     <td style="white-space:nowrap">Compact column 1</td> 
     <td style="white-space:nowrap">Another compact column</td> 
    </tr> 
</table>

Obras para mí en Firefox 25.

Fuente

2013-11-20 23:20:43

Hacer una celda de mesa "codiciosa"

Respuesta

Cuestiones relacionadas