Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
OptionGroup with options and checkboxes in multiple columns
I am trying to show check boxes / radio buttons in table form (not just vertically or horizontally), but let's say in 3 columns. Way I was able to do it is by specifying style of OptionGroup as horizontal and add style that looks like below. Is there any better way to accomplish that? I had to specify style for each column as below. And I am using Valo theme. If there is not maybe this can help someone who will look for same solution:
.v-select-optiongroup-3column .v-radiobutton {
display: inline;
}
.v-select-optiongroup-3column .v-radiobutton:nth-child(3n)::after {
content: "\00a0";
display: block !important;
}
.v-select-optiongroup-3column .v-radiobutton:nth-child(3n) + .v-radiobutton {
margin-left: -24px;
}
.v-select-optiongroup-3column .v-checkbox {
display: inline;
}
.v-select-optiongroup-3column .v-checkbox:nth-child(3n)::after {
content: "\00a0";
display: block !important;
}
.v-select-optiongroup-3column .v-checkbox:nth-child(3n) + .v-checkbox {
margin-left: -15px;
}