2

我创建数据表的代码如下所示：

myDataTable = new YAHOO.widget.ScrollingDataTable(
                    "containerDiv",
                    myColumnDefs,
                    myDataSource,
                    {height:"100px",width:"100%"}
                  );

该代码生成的表格如下所示：（屏幕截图不再可从外部站点获得） http://drop.io/download/public/gfipf7axm6ydjsvuaiaf/296829ffb3ad115ecf1d9e13a607eaf2e2dc2788/Asset/37984293/v3/large_thumbnail

注意它是如何创建一个 100% 拉伸的外框，就像我想要的那样，但是表格本身并没有一直拉伸到 100%，而是只大到足以容纳表格的内容。

请注意，100% 延伸的外框是由 YUI 在您运行上述代码时创建的，不是我自己创建的。

我真正需要的只是垂直滚动而不是水平滚动。但是 YUI 不允许你指定一个或另一个，你得到两者。

有没有办法让桌子伸展 100%？我在 YUI 文档中没有找到任何关于这个问题的信息，除非我忽略了它。

谢谢阅读！

4

1 回答 1

1

当您使用 aScrollingDataTable并指定宽度时，列不会自动调整大小。当您考虑它时，这是有道理的 - 表必须处理有太多列无法容纳在视图中的情况，因此它不会尝试容纳它们。

由于看起来您不需要水平滚动，请删除宽度配置属性。要使表格达到您想要的宽度，您可以尝试：

  • 在容器 div 上的 css 中指定宽度，而不是在表配置中
  • 指定列宽，以便它们加起来等于您想要的总宽度。
于 2010-07-08T18:00:08.993 回答