如何使YUI DataTable为100％宽度

Question

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

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％拉伸，而是只有它足够大以适应表的内容。

请注意，当你运行上面的代码时，YUI会创建100％伸展的外框，我自己也没有创建。

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

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

感谢阅读！

Answer 1

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

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

• 在容器div上指定css中的宽度，而不是在表config
中指定
• 指定列宽，使它们相加到您想要的总宽度。