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中指定宽度
- 指定列宽,使它们相加为所需的总宽度