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.

Sign up for GitHub

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

Jump to bottom

[v3] Custom class to the tag <th> #2762

Open
clopezpro opened this issue Nov 25, 2024 · 5 comments · May be fixed by #2790
Open

[v3] Custom class to the tag <th> #2762

clopezpro opened this issue Nov 25, 2024 · 5 comments · May be fixed by #2790
Labels
question Further information is requested

Comments

@clopezpro
Copy link
Contributor

For what version of Nuxt UI are you asking this question?

v3.0.0-alpha.x

Description

Is there a way we can add a custom class to the tag <th>, in my case I would like to place w-28 so that it has a fixed width

Image

Image
@clopezpro clopezpro added the question Further information is requested label Nov 25, 2024
@clopezpro clopezpro changed the title Custom class to the tag <th> [v3] Custom class to the tag <th> Nov 25, 2024
@benjamincanac
Copy link
Member

Why don't you use :ui="{ th: 'w-28' }"?

@clopezpro
Copy link
Contributor Author

Why don't you use :ui="{ th: 'w-28' }"?

Image

It is because doing it that way applies to all the columns. In this case I want to apply it only to the Ammount column.

also try this
Image

however it does not apply to td

Image

@clopezpro
Copy link
Contributor Author

I don't know if maybe the size attribute can be used like this
Image

Image

@clopezpro
Copy link
Contributor Author

in column size I think it is already planned here #2441
#2441 (comment)

@clopezpro
Copy link
Contributor Author

in column size I think it is already planned here #2441 #2441 (comment)

This would only apply to the size, however I have been in the situation in which it is required to use another class such as text-right and more

@clopezpro clopezpro reopened this Nov 27, 2024
@clopezpro clopezpro linked a pull request Nov 27, 2024 that will close this issue
Open
6 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
question Further information is requested
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(Table): handle class on th clopezpro/ui
2 participants
@benjamincanac @clopezpro