Html 如何使YUI数据表为100%宽度

Html 如何使YUI数据表为100%宽度,html,css,yui-datatable,Html,Css,Yui Datatable,我创建数据表的代码如下所示: myDataTable = new YAHOO.widget.ScrollingDataTable( "containerDiv", myColumnDefs, myDataSource, {height:"100px",width:"100%"} ); 该代码生成一个如

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

myDataTable = new YAHOO.widget.ScrollingDataTable(
                    "containerDiv",
                    myColumnDefs,
                    myDataSource,
                    {height:"100px",width:"100%"}
                  );
该代码生成一个如下所示的表: (外部站点不再提供屏幕截图)

请注意,它创建了一个外框,它可以像我所希望的那样拉伸100%,但表本身并没有完全拉伸100%,它只是足够大,可以容纳表中的内容

请注意,拉伸100%的外部框是由YUI在运行上述代码时创建的,我不是自己创建的

我真正需要的是垂直滚动,而不是水平滚动。但是YUI不允许您指定其中一个,您可以同时获得这两个

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


谢谢你的阅读

使用滚动数据表并指定宽度时,列不会自动调整大小。仔细想想,这是有道理的——表必须处理视图中有太多列无法容纳的情况,因此它不会尝试容纳这些列

因为看起来不需要水平滚动,所以删除width config属性。要使表格达到所需的宽度,您可以尝试:

  • 在容器div上指定css宽度,而不是在表config中指定宽度
  • 指定列宽,使它们相加为所需的总宽度

所有好主意,谢谢。是的,垂直滚动正是我想要的。我最终为每一列设置了固定的宽度,以达到我想要的总宽度。