Skip to content

Use full page height in a table #6403

@ahoiroman

Description

@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?

Metadata

Metadata

Assignees

No one assigned

    Labels

    questionFurther information is requestedv4#4488

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions