Atrybut table-layout w CSS

Definicja i użycie

Atrybut tableLayout jest używany do wyświetlenia algorytmów reguł algorytmów komórek, wierszy i kolumn tabeli.

Układ tabeli ustalonej:

Układ tabeli ustalonej w porównaniu do automatycznego układu tabeli pozwala przeglądarce szybciej ustawić tabelę.

W ustawieniu tabeli ustalonej, układ poziomy zależy tylko od szerokości tabeli, szerokości kolumny, szerokości obramowania tabeli i odstępu między komórkami, a nie od zawartości komórek.

Dzięki użyciu ustawienia tabeli ustalonej, użytkownik może wyświetlić tabelę po otrzymaniu pierwszego wiersza.

Automatyczny układ tabeli:

W automatycznym układzie tabeli, szerokość kolumny jest określana przez najszerszą zawartość bez zagięcia w komórce kolumny.

Ten algorytm czasami jest wolniejszy, ponieważ musi odwiedzić wszystkie zawartości tabeli, zanim ustali finalny układ.

Wyjaśnienie

Ta właściwość określa algorytm używany do ustawienia układu tabeli. Algorytm ustawienia jest szybszy, ale mniej elastyczny, podczas gdy algorytm automatyczny jest wolniejszy, ale lepiej odzwierciedla tradycyjną tabelę HTML.

Zobacz również:

Kurs CSS:Tabela CSS

Podręcznik HTML DOM:Atrybut tableLayout

Przykład

Ustawienie algorytmu układu tabeli:

tabela
  {
  table-layout:ustalona;
  }

Spróbuj sam

Język CSS

table-layout: auto|ustalona|initial|dziedziczona;

Wartość atrybutu

Wartość Opis
automatyczna Domyślnie. Szerokość kolumny jest określana przez zawartość komórki.
ustalona Szerokość kolumny jest określana przez szerokość tabeli i szerokość kolumny.
dziedziczona Określa, że wartość atrybutu table-layout powinna być dziedziczona od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: auto
Inheredność: tak
Wersja: CSS2
Język skryptu JavaScript: obiekt.style.tableLayout="fixed"

Więcej przykładów

Ustawianie układu tabeli
Ten przykład pokazuje, jak ustawić układ tabeli.

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

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