Atribut table-layout CSS

Definisi dan penggunaan

Atribut tableLayout digunakan untuk menampilkan algoritma aturan algoritma sel, baris, dan kolom tabel.

Tata letak tabel tetap:

Dengan dibandingkan dengan tata letak tabel otomatis, tata letak tabel tetap memungkinkan browser untuk menata tabel lebih cepat.

Dalam tata letak tabel tetap, tata letak horizontal hanya tergantung dari lebar tabel, lebar kolom, lebar bingkai tabel, dan jarak sel, tanpa berhubungan dengan konten sel.

Dengan menggunakan tata letak tabel tetap, agen pengguna dapat menampilkan tabel setelah menerima baris pertama.

Tata letak tabel otomatis:

Dalam tata letak tabel otomatis, lebar kolom ditentukan oleh konten yang paling lebar di sel kolom yang tidak terpotong.

Kali ini algoritma kadang-kadang lambat, karena ia perlu mengakses semua konten di dalam tabel sebelum menentukan tata letak akhir.

Keterangan

Atribut ini menentukan algoritma tata letak yang digunakan untuk mengatur tata letak tabel. Algoritma tata letak tetap lebih cepat, tetapi kurang fleksibel, sedangkan algoritma otomatis lebih lambat, tetapi lebih dapat merefleksikan tabel HTML tradisional.

Lihat pula:

Panduan CSS:Tabel CSS

Panduan HTML DOM:Atribut tableLayout

Contoh

Atur algoritma tata letak tabel:

table
  {
  table-layout:fixed;
  }

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai Deskripsi
automatic Default. Lebar kolom ditentukan oleh konten sel.
fixed Lebar kolom ditentukan oleh lebar tabel dan lebar kolom.
inherit Aturan untuk menentukan nilai table-layout dari elemen induk.

Detil teknis

Nilai default: auto
Inheritsi: yes
Versi: CSS2
Syntaks JavaScript: object.style.tableLayout="fixed"

Beberapa contoh lain

Mengatur tata letak tabel
Contoh ini menunjukkan bagaimana mengatur tata letak tabel.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuhnya.

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