I tabellen min har jeg satt bredden på den første cellen i en kolonne til 100px
;
Men når teksten i en av cellene i denne kolonnen er for lang, blir bredden på kolonnen mer enn 100px
. Hvordan kan jeg deaktivere denne utvidelsen?
Jeg lekte litt med det fordi jeg hadde problemer med å finne ut av det.
Du må sette cellebredden (enten th
eller td
fungerte, jeg satte begge deler) OG sette table-layout
til fixed
. Av en eller annen grunn ser det ut til at cellebredden bare forblir fast hvis tabellbredden også er satt (jeg synes det er dumt, men hva så).
Det er også nyttig å sette egenskapen overflow
til hidden
for å forhindre at ekstra tekst kommer ut av tabellen.
Du bør også sørge for å overlate all avgrensning og størrelse til CSS.
Ok, så her er det jeg har:
table {
border: 1px solid black;
table-layout: fixed;
width: 200px;
}
th,
td {
border: 1px solid black;
width: 100px;
overflow: hidden;
}
<table>
<tr>
<th>header 1</th>
<th>header 234567895678657</th>
</tr>
<tr>
<td>data asdfasdfasdfasdfasdf</td>
<td>data 2</td>
</tr>
</table>
[Her er det i JSFiddle][1].
Denne fyren hadde et lignende problem: https://stackoverflow.com/q/446624/534056.
Du må skrive dette i den tilhørende CSS-filen
table-layout:fixed;