Vaste tabel celbreedte

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?

Christopher Rapcewicz
Bewerkte vraag 10de1 december 2013 в 6:21
Programmering
html css layout html-table
15de0 november 2010 в 3:21
3 views
Oplossing

Je zou kunnen proberen de `tag te gebruiken om de tabel op te maken voor alle rijen, maar dan moet je detable-layout:fixedstijl instellen op de

of de tables css class en deoverflow` stijl instellen voor de cellen

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>

en dit is uw CSS

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
Shane Hudson
Bewerkt antwoord 10de3 april 2014 в 3:10
Commentaren (6)
table td 
{
  table-layout:fixed;
  width:20px;
  overflow:hidden;
  word-wrap:break-word;
}
Bakudan
Bewerkt antwoord 9de3 mei 2013 в 3:50
Commentaren (2)
table { 
    table-layout:fixed; width:200px;
}
table tr {
    height: 20px;
}

10x10

hafichuk
Bewerkt antwoord 19de5 januari 2013 в 11:46
Commentaren (0)