gwt-incubator ScrollTable呈現溢出：隱藏

Question

我遇到了gwt-incubator的ScrollTable小問題。看起來ScrollTable被渲染了，但它有「overflow：hidden」樣式添加到它，這會導致它被用戶隱藏。

我使用它與GWT 2.0和UiBinder。我用來創建ScrollTable的代碼是：

@UiFactory ScrollTable createCompaniesTable() { 
    FixedWidthGrid dataTable = createDataTable(); 
    FixedWidthFlexTable headerTable = createHeaderTable(); 

    return new ScrollTable(dataTable, headerTable); 
} 

private FixedWidthFlexTable createHeaderTable() { 
    // Create a new table 
    FixedWidthFlexTable headerTable = new FixedWidthFlexTable(); 
    FlexTable.FlexCellFormatter formatter = headerTable.getFlexCellFormatter(); 

    // Level 1 headers 
    headerTable.setHTML(0, 0, "<b>Student Profiles</b>"); 
    formatter.setColSpan(0, 0, 6); 
    formatter.setHorizontalAlignment(0, 0, HasHorizontalAlignment.ALIGN_CENTER); 

    // Level 2 headers 
    headerTable.setHTML(1, 0, "<b>General</b>"); 
    formatter.setColSpan(1, 0, 4); 
    formatter.setHorizontalAlignment(1, 0, HasHorizontalAlignment.ALIGN_CENTER); 
    headerTable.setHTML(1, 1, "<b>Student ID</b>"); 
    formatter.setRowSpan(1, 1, 2); 
    formatter.setHorizontalAlignment(1, 1, HasHorizontalAlignment.ALIGN_CENTER); 
    headerTable.setHTML(1, 2, "<b>GPA</b>"); 
    formatter.setRowSpan(1, 2, 2); 
    formatter.setHorizontalAlignment(1, 2, HasHorizontalAlignment.ALIGN_CENTER); 

    // Level 3 headers 
    headerTable.setHTML(2, 0, "Last Name"); 
    formatter.setHorizontalAlignment(2, 0, HasHorizontalAlignment.ALIGN_CENTER); 
    headerTable.setHTML(2, 1, "First Name"); 
    formatter.setHorizontalAlignment(2, 1, HasHorizontalAlignment.ALIGN_CENTER); 
    headerTable.setHTML(2, 2, "Age"); 
    formatter.setHorizontalAlignment(2, 2, HasHorizontalAlignment.ALIGN_CENTER); 
    headerTable.setHTML(2, 3, "Hometown"); 
    formatter.setHorizontalAlignment(3, 3, HasHorizontalAlignment.ALIGN_CENTER); 

    return headerTable; 
} 

private FixedWidthGrid createDataTable() { 
    // Create a new table 
     FixedWidthGrid dataTable = new FixedWidthGrid(100, 10); 

     // Set some options in the data table 
     dataTable.setSelectionPolicy(SelectionGrid.SelectionPolicy.MULTI_ROW); 
    dataTable.insertRow(0); 
    dataTable.setHTML(0, 0, "<b>Hello, World!</b>"); 


     // Return the data table 
     return dataTable; 
} 

它與gwt-incubator的文檔中的大部分相同。我錯過了什麼？

Answer 1

我忘了提，我把ResizePolicy設置爲「BOTH」。我把它拿走後，桌子出現了。

要使滾動功能正常工作，必須將高度CSS屬性添加到ScrollTable。 :)