2013-02-12 44 views
1

我正在將一些GWT內容從CellTable遷移到DataGrid,主要用於DataGrid在滾動時鎖定標題行的功能。GWT DataGrid多行標題

使用CellTable時,如果文本短語太長,則列標題文本將換行到下一行。 CellTable的頭部會動態增長。這是默認行爲,我從來沒有編輯過任何css文件。

我可以在DataGrid中得到這種行爲嗎?我是否需要對主項目css文件進行更改,還是要對clean.css進行更改?有沒有一種在DataGrid上設置特性的程序化方法?

我正在創建TextColumn等,並通過dataGrid.addColumn()添加;

編輯:http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwDataGrid

+0

DataGrid的頭包住看着這裏的例子,如果你退縮你的瀏覽器窗口的寬度頭不換行同樣的方式。檢查你的瀏覽器哪些CSS屬性阻止它們包裝(它可以是固定高度,空白或單詞換行)。 – 2013-02-12 20:18:31

+0

@Andrei,我不知道該怎麼做。我對css一無所知。我有創建新項目時GWT Eclipse插件創建的默認CSS。 – 2013-02-12 20:20:38

+0

展示DataGrid具有'white-space:nowrap;'屬性。 – 2013-02-12 20:22:28

回答

2

添加到您的CSS文件:

th { 
    white-space: normal !important; 
}