Table Header Style in Vaadin ändern

Manches sieht man nicht immer gleich auf den ersten Blick, z.B. wie man in Vaadin die Größe einer Table Header Column anpassen kann.

Bei mir sah das immer so aus:

clip_image002

Die Buchstaben verschwanden quasi im Nichts. Nach ein paar Tests habe ich dann die richtige CSS-Klasse gefunden, um den Table Header insgesamt zu vergrößern: v-table-header-wrap.

Beispiel:

.customTableHeader .v-table-header-wrap 
{
   padding-bottom:2px;
}

und

Table table = new Table();
table.setStyleName("customTableHeader");

Et voila:

image

Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s