Skip to content

v1.1.2: DataTable: stacked rows on phones, and room for long URLs

Choose a tag to compare

@ivanvoitovych ivanvoitovych released this 10 Sep 08:28
· 25 commits to main since this release
A `stacked` DataTable (or any table carrying .table-stacked) turns each row
into a card below 576px: the header hides, cells flow inline behind their
data-label, .table-stacked-main cells lift to the top at full width and the
row actions push to the end. DataTable labels its default cells and hands
column templates the title as `label`, which Viewi drops harmlessly for a
template that has no such prop.

.text-clamp-2 cuts a long value to two lines at any width and .cell-wide
keeps a column from being starved to one character: overflow-wrap:anywhere
takes its min-content to nothing, so a user's 1,000-character target URL
used to wrap down a 100px column and make one row fill the screen.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>