Veel mensen gebruiken nog steeds tabellen om besturingselementen, gegevens enz. op te maken. - Een voorbeeld hiervan is de populaire jqGrid. Er gebeurt echter iets magisch dat ik niet kan doorgronden (het zijn tabellen, hoeveel magie zou er kunnen zijn?)
Hoe is het mogelijk om de kolombreedte van een tabel in te stellen en deze te laten gehoorzamen zoals jqGrid doet? Als ik dit probeer te repliceren, zelfs als ik elke <td style='width: 20px'>
instel, zodra de inhoud van een van die cellen groter is dan 20px, zet de cel uit!
Iemand een idee of inzicht?
Je zou kunnen proberen de <col>
tag te gebruiken om de tabel op te maken voor alle rijen, maar dan moet je de table-layout:fixed
stijl instellen op de <table>
of de tables css class en de overflow
stijl instellen voor de cellen
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>
en dit is uw CSS
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
table {
table-layout:fixed; width:200px;
}
table tr {
height: 20px;
}
10x10