CSS table-layout eigenschap

Definitie en gebruik

De property tableLayout wordt gebruikt om de algoritmeregels te tonen voor het weergeven van de tabelcellen, rijen en kolommen.

Fixed table layout:

De fixed tabelindeling laat de browser sneller de indeling van de tabel uitvoeren in vergelijking met de automatic tabelindeling.

Bij de fixed tabelindeling hangt de horizontale indeling alleen af van de tabelbreedte, kolombreedte, tabelrandbreedte en celruimte, en heeft niets te maken met de inhoud van de cellen.

Door de fixed tabelindeling te gebruiken, kan de gebruikersagent de tabel weergeven zodra de eerste rij wordt ontvangen.

Automatic table layout:

Bij de automatic tabelindeling wordt de breedte van de kolommen bepaald door de breedste inhoud die geen doorschuiving heeft in de kolomcel.

Deze algoritme kan soms traag zijn, omdat het de inhoud van alle cellen in de tabel moet raadplegen voordat de uiteindelijke indeling wordt bepaald.

Uitleg

Deze eigenschap specificeert het layout-algoritme dat wordt gebruikt om de tabelindeling te voltooien. De fixed layout is snel, maar minder flexibel, terwijl de automatic layout traag is, maar beter reflecteert de traditionele HTML-tabel.

Zie ook:

CSS handleiding:CSS tabel

HTML DOM referentiehandleiding:tableLayout eigenschap

Voorbeeld

Instellen van de tabelindeling algoritme:

table
  {
  table-layout:fixed;
  }

Probeer het zelf

CSS syntaxis

table-layout: auto|fixed|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
automatic Standaard. De kolombreedte wordt bepaald door de inhoud van de cellen.
fixed De breedte van de kolommen wordt bepaald door de tabelbreedte en de kolombreedte.
inherit Stelt dat de waarde van de property table-layout van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: auto
Inheritantie: ja
Versie: CSS2
JavaScript syntaxis: object.style.tableLayout="fixed"

Meer voorbeelden

Instellen van de tabelindeling
Dit voorbeeld demonstreert hoe je de indeling van een tabel instelt.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
14.0 5.0 1.0 1.0 7.0