Właściwość CSS table-layout

Definicja stylu, przeznaczenie i użycie table-layout

Styl table-layout definiuje algorytm używany do rozmieszczania komórek, wierszy i kolumn tabeli.

Tip: W przypadku dużych tabel użytkownicy nie zobaczą żadnej części tabeli, dopóki przeglądarka nie wyrenderuje całej tabeli. Zaletą table-layout: fixed jest fakt, że tabela renderuje się znacznie szybciej. Tak więc, jeśli użyjesz właściwości table-layout: fixed, użytkownicy zobaczą górę tabeli, podczas gdy przeglądarka ładuje i renderuje pozostałą część tabeli. Sprawia to wrażenie, że strona ładuje się dużo szybciej!

Wartości właściwości table-layout

Składnia CSS table-layout

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

Wsparcie przeglądarek dla właściwości table-layout

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
table-layout	14.0	5.0	1.0	1.0	7.0

Przykładowe zastosowania z właściwością table-layout

Przykład: ustawia różne algorytmy układu tabeli: table.a { table-layout: auto; width: 160px; } table.b { table-layout: fixed; width: 160px; }