table-auto (content-sized columns) vs table-fixed (equal, predictable columns). This family contains 2 generated classes in Nakshora 3.0.
Classes#
| Class | Generated CSS |
|---|---|
table-auto | table-layout: auto; |
table-fixed | table-layout: fixed; |
Example#
example
<table class="table-fixed w-full">…</table>Responsive & variants#
Every class here accepts screen prefixes (sm: … xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.
Best practices#
- table-fixed + truncate = clean data grids
Related#
utilities/tables/table-layout|Table layout