table column header

Vaadin 6 / 7 / 8 Framework UI
1

Hi,

I have set table column headers by calling setColumnHeaders E.g. first column name is “Order” but in the browser all the column names are displayed with upper case letters e.g. in the case of order the browser displays “ORDER”.

Please could you give me a hint what should I change so the column name is displayed as I expect it.

Thanks,
Csaba

2

It is the default theme, Reindeer, that says that the table headers should be upper case. So you have to do a change in CSS to turn it back to “normal” cases.

It should be something like this (in other words, haven’t tested it myself)

.v-table-header-wrap, .v-table-header-drag,  {
text-transform: none;
}
3

Thanks.