Repository navigation
Use full page height in a table #6403
Description
Package
v4.x
Description
Hi there,
I did not yet manage to let a table grow over the full available page height. If I did something like adding h-full to the tr's did also grow, which looks messy ;)
<UTable
:data="items"
class="min-h-full"
:ui="{
base: 'table-fixed border-separate border-spacing-0 min-h-full',
thead: '[&>tr]:bg-elevated/50 [&>tr]:after:content-none',
tbody: '[&>tr]:last:[&>td]:border-b-0',
td: 'border-b border-default',
separator: 'h-0',
empty: 'min-h-full bg-green-500'
}"
>
Any idea to solve that?
Activity
mdotme commentedon Apr 29, 2026
Hi! I'm not sure min-h-full gives you full height page can you try
min-h-screeninstead?Ombrenoirz commentedon May 4, 2026
h-full depends on the parent's height. Be careful with h-screen, it might overlap other children.
mdotme commentedon May 8, 2026
You're right but I did assume he's using it without wrappers