Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Background-Color for UTable #3607

Open
ExXTreMe315 opened this issue Mar 18, 2025 · 0 comments
Open

Background-Color for UTable #3607

ExXTreMe315 opened this issue Mar 18, 2025 · 0 comments
Labels
bug Something isn't working triage v3 #1289

Comments

@ExXTreMe315
Copy link

Environment

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0

Reproduction

<UCard variant="subtle">
      <UTable 
        :data="data"
        :columns="columns"
      />
</UCard>

Description

If using a UTable component on a background that isn't the default neutral color the bg-color of the thead is visible.

Image

A little bit easier to see with white Background

Image

Maybe this is a wanted behavior. So if so please ignore and close the issue.
I know sometimes you want a background color in the headlines. But sometimes you don't want them.
Anyways if this is a wanted behavior, then maybe this issue will help those who don't want a background color and are looking for a solution.

Additional context

Could be fixed by adding:

:ui="{
          thead: 'bg-unset'
}"

to the <UTable> tag

Image

Logs

-
@ExXTreMe315 ExXTreMe315 added bug Something isn't working triage v3 #1289 labels Mar 18, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working triage v3 #1289
Projects
None yet
Development

No branches or pull requests

1 participant