Table Layout

Controls the table cell layout algorithm.

Class	Property
tl-auto	table-layout: auto;
tl-f	table-layout: fixed;

---

Using responsive modifiers

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 hover modifiers

Using :hover modifiers 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>