如何在GWT DataGrid中設置標題單元格寬度

因此，我構建了一個工作DataGrid，它加載我的數據時沒有任何問題。我傳遞一個對象列表，並將它們映射到正確的單元格。我正在設置我的單元格的CSS，例如TextColumn.setCellStyleNames("gwt-myStyleClass")，這對於實際的DataGrid數據列非常有用，但它不會影響標題。所以結果是我的數據格式很好，但DataGrid上的標題未正確對齊。見下圖：如何在GWT DataGrid中設置標題單元格寬度

我怎樣才能解決這個如此列標題的寬度相匹配的數據列的寬度？

來源

2017-08-24 bot_bot

的您是否嘗試過[doSetColumnWidth]（http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/cellview/client/DataGrid.html#doSetColumnWidth-int-java.lang.String-）？像'dataGrid.doSetColumnWidth（0，「100px」）''。 – Adam

我沒有！我會試一試。感謝 –

能否提供一個關於如何創建數據網格的簡短代碼示例？ –

編輯：這只是一個部分的答案。我仍然錯過了一些東西。

您提交數據後：

dataGrid.setRowCount(list.size(), true); 
dataGrid.setRowData(0, list); 
dataGrid.setWidth(width); 
dataGrid.setHeight(height);

您可以從您.css文件應用樣式的頭，像這樣：

dataGrid.getHeader(0).setHeaderStyleNames("gwt-Name"); 
dataGrid.getHeader(1).setHeaderStyleNames("gwt-Email");

來源

2017-08-24 10:38:04

我也有同樣的問題，我仍然試圖解決它。據我分析，這些表的模式「自動」和「固定」有一些問題。標題在表格中是自己的，其中一個表格處於固定模式（指定寬度），另一個表格設置爲「自動」。有關於它的文檔中的一些提示：http://www.gwtproject.org/doc/latest/DevGuideUiCellTable.html#columnWidths

編輯：您好......至少對我來說，我發現這個問題。

我用與寬度值固定模式表（GRID）在像素
行爲：首先問題本身在頁眉和列中的相同的像素寬度有diferent尺寸
couldn」發現爲什麼！

我的解決辦法：

用％值！
基本上爲標題和列設置CSS樣式： header.setHeaderStyleNames（「myHeaderCSS」）; column.setCellStyleNames（「myColumnCSS」）;
在CSS-文件：

.myHeaderCSS { 
 
    text-align: left; 
 
    width: 6% !important; 
 
    padding: 0 0 0 0 !important; 
 
} 
 
.myColumnCSS { 
 
    text-align: center; 
 
    width: 6% !important; 
 
    padding: 0 0 0 0 !important; 
 
}

而且還從文檔中的一句話：小心將你列的所有％值至100％

來源

2017-12-29 09:05:46 Ricardo

謝謝，我來看看。我從未設法完全解決這個問題，這非常令人沮喪！ –

如何在GWT DataGrid中設置標題單元格寬度

回答

相關問題