bootstrap - Establecer min-width en la tabla HTML<td>

bootstrap table td min width

Question

Mi mesa tiene varias columnas.

Cada columna debe tener un ancho dinámico que depende del tamaño de la ventana del navegador. Por otro lado, cada columna no debe ser demasiado pequeña. Así que traté de establecer min-width para esas columnas, pero no es una propiedad válida. Intentó min-width para <td> también, pero eso también es una propiedad no válida.

¿Hay alguna manera de establecer min-width para col / td en la tabla HTML?

Answer 1

Intente usar un elemento invisible (o elemento psuedo) para forzar la expansión de la celda de tabla.

td:before {
  content: '''';
  display: block; 
  width: 5em;
}

JSFiddle: https://jsfiddle.net/cibulka/gf45uxr6/1/

Answer 2

Una forma debería ser agregar un <div style="min-width:XXXpx"> dentro de la td, y dejar que el <td style="width:100%">

Answer 3

prueba este:

<table style="border:1px solid">
    <tr>
        <td style="min-width:50px">one</td>
        <td style="min-width:100px">two</td>
    </tr>
</table>

Answer 4

min-width propiedades min-width y max-width no funcionan de la manera esperada para las celdas de la tabla. Por spec :

En CSS 2.1, el efecto de ''min-width'' y ''max-width'' en tablas, tablas en línea, celdas de tabla, columnas de tabla y grupos de columnas no está definido.

Esto no ha cambiado en CSS3.

Answer 5

<table style="border:2px solid #ddedde">
    <tr>
        <td style="border:2px solid #ddedde;width:50%">a</td>
        <td style="border:2px solid #ddedde;width:20%">b</td>
        <td style="border:2px solid #ddedde;width:30%">c</td>
    </tr>
    <tr>
        <td style="border:2px solid #ddedde;width:50%">a</td>
        <td style="border:2px solid #ddedde;width:20%">b</td>
        <td style="border:2px solid #ddedde;width:30%">c</td>
    </tr>
</table>