Larghezza fissa delle celle della tabella

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?

Christopher Rapcewicz
Domanda modificata 10º dicembre 2013 в 6:21
Programmazione
html css layout html-table
15º novembre 2010 в 3:21
8 visualizzazioni
Soluzione

Potresti provare ad usare il tag `per gestire lo stile della tabella per tutte le righe, ma dovrai impostare lo stiletable-layout:fixedsul

o sulla classe css delle tabelle e impostare lo stileoverflow` per le celle

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col

<table class="fixed">



    <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; }
Shane Hudson
Risposta modificata 10º aprile 2014 в 3:10
Commentari (6)
table td 
{
  table-layout:fixed;
  width:20px;
  overflow:hidden;
  word-wrap:break-word;
}
Bakudan
Risposta modificata 9º maggio 2013 в 3:50
Commentari (2)
table { 
    table-layout:fixed; width:200px;
}
table tr {
    height: 20px;
}

10x10

hafichuk
Risposta modificata 19º gennaio 2013 в 11:46
Commentari (0)