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>

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; }