Styling vaadin table

Flow
1

Hi there,

i am about to style my vaadin table, when it comes to the column seperators i am not able to hide them.
but unfortunally i have to do so.

so in case of table headers i found the trick to :


.v-table-resizer {
   visibility: hidden;
}

to deactive them. but the seperators in the table between the rows are still there … looks kinda wired :frowning:

i haven’t found the css tag to hide them also ??

if someone has a solution for this problem i really would appreciate it

bb

steffan

2

Hi,

try this CSS:

.v-table-cell-content {
    border-right-color: transparent;
}

You could also try to remove the border completely, but I think that might interfere with the cell sizing.

-tepi

3

thanks works just like it should!