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。 :)