Comment définir une double ligne de texte sur les en-têtes de colonne dans Vaadin Tableau

Question

Je dois faire une table dans Vaadin mais le texte dans les en-têtes de colonnes est trop long, donc la table active le défilement horizontal et je ne le veux pas.

Y at-il un moyen de mettre ces en-têtes de colonne dans deux lignes comme peut-être augmenter la hauteur des en-têtes pour éviter le défilement et obtenir toutes les informations dans le tableau?

Answer 1

Essayez d'ajouter ceci dans votre SCSS:

.myTheme .v-table-header { 
    color: #fff; 
    background: #4455aa; 
    font-weight: bold; 
    text-align: center; 
    word-wrap: normal; 
    } 

Compile il, navigateur clair cache, puis simplement ajouter du style à votre table.

table.addStyleName("myTheme");