Table header issue when addStyleName(ValoTheme.TABLE_SMALL)



table.addStyleName(ValoTheme.TABLE_SMALL); is applied, the text inside the header could not be properly alligned vertically. It is always higher than it should be. You can observe it here (!tables
) with “Small” check box selected.

.v-table-header-cell, .v-table-header-cell-asc, .v-table-header-cell-desc { vertical-align: middle; } doesn’t help.

Any workarounds?

This seems to fix it:

.v-table-caption-container {
   padding-top: 12px !important;