Molte persone usano ancora le tabelle per impaginare i controlli, i dati, ecc. - Un esempio di questo è il popolare jqGrid. Tuttavia, c'è qualche magia che sta accadendo che non riesco a capire (le sue tabelle, per la miseria, quanta magia potrebbe esserci?)
Come è possibile impostare la larghezza della colonna di una tabella e farla rispettare come fa jqGrid? Se provo a replicare questo, anche se imposto ogni <td style='width: 20px'>
, appena il contenuto di una di queste celle è maggiore di 20px, la cella si espande!
Qualche idea o intuizione?
Potresti provare ad usare il tag <col>
per gestire lo stile della tabella per tutte le righe, ma dovrai impostare lo stile table-layout:fixed
sul <table>
o sulla classe css delle tabelle e impostare lo stile overflow
per le celle
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col
<table class="fixed">
<col width="20px" />
<col width="30px" />
<col width="40px" />
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
e questo è il tuo CSS
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
table {
table-layout:fixed; width:200px;
}
table tr {
height: 20px;
}
10x10