Table layout

Syntax

Class
Properties
table-auto
table-layout: auto;
table-fixed
table-layout: fixed;
<div class="t1 w-320 p-16 bg-c-white shadow-4">
<table class="t1 table w-full table-auto">
<tr>
<td class="t1 px-8 py-4 b-1-gray">
Lorem ipsum dolor sit amet.
</td>
<td class="t1 px-8 py-4 b-1-gray">
Foo
</td>
</tr>
<tr>
<td class="t1 px-8 py-4 b-1-gray">
Nullam in quam ut massa.
</td>
<td class="t1 px-8 py-4 b-1-gray">
Bar
</td>
</tr>
</table>
</div>
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
table-auto
t1 table-auto
.t1.table-auto { table-layout: auto; }
table-fixed
t1 table-fixed
.t1.table-fixed { table-layout: fixed; }