Use full page height in a table

[ahoiroman]

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?

[mdotme]

Hi! I'm not sure min-h-full gives you full height page can you try min-h-screen instead?

[Ombrenoirz]

h-full depends on the parent's height. Be careful with h-screen, it might overlap other children.

[mdotme]

h-full depends on the parent's height. Be careful with h-screen, it might overlap other children.

You're right but I did assume he's using it without wrappers