如何在GWT CellSampler示例中创建DataGrid底部的Horizo​​ntal ScrollBar？

Question

我喜欢DataGrid，因为它有固定的标题，因此用户滚动它们仍然能够看到列标题。

但是，如果列太多，则DataGrid将设置为适合包含它的窗口小部件的固定宽度内的所有列。

例如，如果将30列DataGrid放在DockLayoutPanel的中心（100px）内，那么所有30列将在100px内均匀分配，这使得它不可读每列都太小了。

所以，我很乐意使用DataGrid，但DataGrid底部应该有一个水平ScrollBar，所以如果有很多列，那么用户只需向右水平滚动即可查看数据。

如果我们做得正确，那么它应该像 GWT CellSampler示例 http://samples.gwtproject.org/samples/Showcase/Showcase.html#!CwCellSampler

显然，CellSampler使用DataGid，但我没有看到任何水平ScrollBar代码。

那么如何使DataGrid显示在CellSampler示例中？

Answer 1

您应该为DataGrid设置最小宽度：

myDataGrid.setMinimumTableWidth(600, Unit.PX);

Answer 2

我为My Table Datagrid做了以下操作。

     FlowPanel tablePanel = new FlowPanel();
    tablePanel.add( table );
    tablePanel.getElement().setAttribute( "style",
        "overflow-x: auto;width: " + ( Window.getClientWidth() - 37 ) + "px;clear: both" );
    add( tablePanel );