Mange mennesker bruger stadig tabeller til layout af kontrolelementer, data osv. - Et eksempel på dette er den populære jqGrid. Der sker dog noget magi, som jeg ikke kan forstå (det er tabeller for pokker, hvor meget magi kan der være?)
Hvordan er det muligt at sætte en table's kolonnebredde og få det adlydt som jqGrid gør!? Hvis jeg prøver at replikere dette, selv om jeg sætter hver <td style='width: 20px'>
, så snart indholdet af en af disse celler er større end 20px, udvider cellen sig!
Nogen ideer eller indsigt?
Du kan prøve at bruge tagget <col>
til at styre bordstyling for alle rækker, men du skal indstille stilen table-layout:fixed
på <table>
eller css-klassen tables og indstille stilen overflow
for cellerne.
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>
og dette er din CSS
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
table {
table-layout:fixed; width:200px;
}
table tr {
height: 20px;
}
10x10