How can I set the width of all cells in column of table-body?

Vaadin 6 / 7 / 8
1

Hello Everyone,

I have a seemingly trivial question. How can I change the width of columns in table-body? I am trying like this:

.myOwnTableStyle { td:nth-child(3),td:nth-child(4) { /* Only the 3rd and 4th columns */ .v-table-cell-wrapper, .v-table-cell-content { width: 75px !important; } } } It’s almost ok, the .v-table-cell-wrapper div is 75 px width but the container div (.v-table-cell-content) is not it. Therefore the 3rd and 4th columns are not 75 px width.

How can I solve this? Thank you for your answers in advance.

2

Setting the width of certain columns in a table is way easier in Java than what you’re trying to do with css.
To simply set the width of a column use Table.setColumnWidth(Object propertyID, double width)
if you want to define how much the columns should distribute the available space use Table.setColumnExpandRatio(Object propertyID, float ratio).
Google should give you more documentation about those methods.