gwt孵化器滚动表呈现为overflow:hidden

gwt孵化器滚动表呈现为overflow:hidden,gwt,Gwt,我对gwt孵化器的滚动表有一个小问题。滚动表似乎已呈现,但添加了“overflow:hidden”样式,这导致它对用户隐藏 我将它与GWT2.0和UiBinder一起使用。我用来创建滚动表的代码是: @UiFactory ScrollTable createCompaniesTable() { FixedWidthGrid dataTable = createDataTable(); FixedWidthFlexTable headerTable = createHeaderTable

我对gwt孵化器的滚动表有一个小问题。滚动表似乎已呈现,但添加了“overflow:hidden”样式,这导致它对用户隐藏

我将它与GWT2.0和UiBinder一起使用。我用来创建滚动表的代码是:

 @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;
 }
@UiFactory ScrollTable createCompaniesTable(){
FixedWidthGrid dataTable=createDataTable();
FixedWidthFlexTable headerTable=createHeaderTable();
返回新的滚动表(dataTable、headerTable);
}
私有FixedWidthFlexTable createHeaderTable(){
//创建一个新表
FixedWidthFlexTable headerTable=新的FixedWidthFlexTable();
FlexTable.FlexCellFormatter formatter=headerTable.getFlexCellFormatter();
//1级标题
setHTML(0,0,“学生档案”);
setColSpan(0,0,6);
格式化程序.setHorizontalAlignment(0,0,HasHorizontalAlignment.ALIGN_CENTER);
//二级标题
setHTML(1,0,“一般”);
setColSpan(1,0,4);
格式化程序.setHorizontalAlignment(1,0,HasHorizontalAlignment.ALIGN_CENTER);
setHTML(1,1,“学生ID”);
格式化程序.setRowSpan(1,1,2);
格式化程序.setHorizontalAlignment(1,1,HasHorizontalAlignment.ALIGN_CENTER);
setHTML(1,2,“GPA”);
格式化程序.setRowSpan(1,2,2);
格式化程序.setHorizontalAlignment(1,2,HasHorizontalAlignment.ALIGN_CENTER);
//三级标题
setHTML(2,0,“姓氏”);
格式化程序.setHorizontalAlignment(2,0,HasHorizontalAlignment.ALIGN_CENTER);
setHTML(2,1,“名字”);
格式化程序.setHorizontalAlignment(2,1,HasHorizontalAlignment.ALIGN_CENTER);
setHTML(2,2,“年龄”);
格式化程序.setHorizontalAlignment(2,2,HasHorizontalAlignment.ALIGN_CENTER);
setHTML(2,3,“家乡”);
格式化程序.setHorizontalAlignment(3,3,HasHorizontalAlignment.ALIGN_CENTER);
返回标题表;
}
私有FixedWidthGrid createDataTable(){
//创建一个新表
FixedWidthGrid数据表=新的FixedWidthGrid(100,10);
//在数据表中设置一些选项
dataTable.setSelectionPolicy(SelectionGrid.SelectionPolicy.MULTI_行);
dataTable.insertRow(0);
setHTML(0,0,“你好,世界!”);
//返回数据表
返回数据表;
}

这与gwt孵化器的文档中的内容基本相同。我遗漏了什么?

我忘了提及,我已将ResizePolicy设置为“两者”。我把它取下来后,桌子就出现了

要使滚动功能正常工作,必须向滚动表添加height CSS属性。:)