B-table header-checkable doesn't have the same is-checked property as the checkboxes in the rows? #4054
Replies: 2 comments 18 replies
-
@liliannemueller Excellent question! There may be a styling conflict occurring in the background. I'll need to dive deeper into the documentation and source code to determine if there's a clear reason why the 'is-checked' style isn't applying. Could you provide a code example of how you're attempting to apply the style? Also, what version of Buefy/Vue are you using? |
Beta Was this translation helpful? Give feedback.
-
|
Vue version: 2.6.14 So I'm able to apply the styling to my row checkboxes like this: When I try to do the same for my header, nothing happens. When I inspect with dev tools, I can clearly see |
Beta Was this translation helpful? Give feedback.
-
|
Can you see the CSS style for the headers in the dev tools? Depending on your HTML you may be incorrectly selecting the header check boxes. Try adding an absurd color or background color to see if it applies to those checkboxes |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
This is probably not related but does HTML5 require the input tag to end in a ....<input type="checkbox" autocomplete="off" true-value="true" value="false" />.... |
Beta Was this translation helpful? Give feedback.
-
@liliannemueller you are selecting Your CSS should be as follows: th.b-checkbox.is-checked {
opacity: 1;
} |
Beta Was this translation helpful? Give feedback.
-
|
Sorry, that was my typo, I do have but it's still not working. |
Beta Was this translation helpful? Give feedback.
-
|
Okay cool, thanks for your advice... I will give this a shot! |
Beta Was this translation helpful? Give feedback.
-
Sweet! If you need any further assistance, please let me know! You can reach me via the discord up until 10:00 pm EST. And if necessary, we can do a screen share. |
Beta Was this translation helpful? Give feedback.
-
|
Awesome, thanks so much! |
Beta Was this translation helpful? Give feedback.
-
|
No luck with this approach. Wondering if there is a different way to target a specific header cell with the |
Beta Was this translation helpful? Give feedback.
-
@liliannemueller please see #2414 If you still require a screen share I will be available around 9:30 EST |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
So when a checkbox in a b-table is checked, the class
"is-checked"is added to the element. Is there a different property that gets added to the header checkbox? I am using the "is-checked" class to style my checkboxes dynamically but am unable to apply the same style to my header checkbox. Please help!Beta Was this translation helpful? Give feedback.
All reactions