Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork1.9k
b-table how to set custom column header color?#7197
-
Hi all, I'm a beginner in Vue and Bootstrap-vue. Recently I added a b-table to my project, but can't find a way to define a custom color for column headers. All I can find is setting the "head-variant" to "light or "dark", but this is not what user wants. Could you please advise ? Many thanks.
|
BetaWas this translation helpful?Give feedback.
All reactions
You can usethClass
orthStyle
on each field definition.
https://bootstrap-vue.org/docs/components/table#field-definition-reference
Replies: 1 comment 3 replies
-
You can use https://bootstrap-vue.org/docs/components/table#field-definition-reference |
BetaWas this translation helpful?Give feedback.
All reactions
-
Thanks. So if I defined a style in my main .css file, say, ".column-style", can I write something like this?
|
BetaWas this translation helpful?Give feedback.
All reactions
-
Probably without the |
BetaWas this translation helpful?Give feedback.
All reactions
-
Thanks. I can update the border now. As for background color, it was overwritten by some existing styles. I guess I can live with using head-variant="light" then. Thanks again. |
BetaWas this translation helpful?Give feedback.