Deskripsi
The table-layout properti menentukan metode tata letak yang digunakan dalam memberikan meja.
Nilai yang Mungkin
auto- Tabel harus diatur sesuai dengan beberapa algoritma tata letak otomatis. Browser melakukan ini secara otomatis.
fixed - Tabel harus ditata sesuai dengan metode tata letak tabel tetap yang disediakan.
Berlaku untuk
Semua elemen dengan tampilan table atau inline-table.
Sintaks DOM
object.style.tableLayout = "fixed";
Contoh
NOTE - Properti ini tidak didukung oleh banyak browser jadi jangan mengandalkan properti ini.
<html>
<head>
<style type = "text/css">
table.auto {
table-layout: auto
}
table.fixed {
table-layout: fixed
}
</style>
</head>
<body>
<table class = "auto" border = "1" width = "100%">
<tr>
<td width = "20%">1000000000000000000000000000</td>
<td width = "40%">10000000</td>
<td width = "40%">100</td>
</tr>
</table>
<br />
<table class = "fixed" border = "1" width = "100%">
<tr>
<td width = "20%">1000000000000000000000000000</td>
<td width = "40%">10000000</td>
<td width = "40%">100</td>
</tr>
</table>
</body>
</html>
Ini akan menghasilkan hasil sebagai berikut -