Skip to content

Table Layout

Controls the table cell layout algorithm.

Class Properties

tl-auto

table-layout: auto;

tl-f

table-layout: fixed;

Using breakpoints

Using responsive breakpoints like sm:tl-*, md:tl-*, lg:tl-*, and xxl:tl-* allows targeting specific utilities in different viewports.

<div class="tl-f md:tl-a ..."></div>

Using variants

Using :hover variants such as h:tl-* allows you to override elements and change their values when hovering over them.

<div class="tl-f h:tl-a ..."></div>