如何使YUI数据表是100％的宽度

我创建数据表的代码如下所示：如何使YUI数据表是100％的宽度

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文档中我没有发现任何有关此问题的内容，除非我忽略了它。

感谢您的阅读！

来源

2010-07-07 7wp

当您使用ScrollingDataTable并指定宽度时，列不会自动调整大小。这在你考虑它时很有意义 - 表必须处理那些列太多以适合视图的情况，所以它不会尝试去适应它们。

由于您看起来不需要水平滚动，因此请移除宽度配置属性。为了让表到您所需的宽度，你可以尝试：

指定宽度在CSS的div容器，而不是在表中配置
指定列的宽度，使他们加起来的总宽度你要。

来源

2010-07-08 18:00:08

所有伟大的想法，谢谢。是的，垂直滚动正是我想要的。 – 7wp 2010-07-08 19:07:50

我最终为每个列设置了固定的宽度，并将其合并到我想要的总宽度中。 – 7wp 2010-07-13 20:29:07

如何使YUI数据表是100％的宽度

回答

相关问题