Styling vaadin table

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




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.


thanks works just like it should!