Vaadinテーブルの列ヘッダーにダブルテキスト行を設定する方法

Question

Vaadinでテーブルを作成する必要がありますが、列ヘッダーのテキストが長すぎるため、テーブルで水平スクロールが有効になります。

ヘッダーの高さを増やしてスクロールを避け、テーブル内のすべての情報を取得するような方法で、これらの列ヘッダーを2行に配置する方法はありますか？

Answer 1

あなたSCSSにこれを追加してみてください：

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

コンパイルそれ、明確なブラウザキャッシュ、その後、単にあなたのテーブルにスタイルを追加します。

table.addStyleName("myTheme");