4

这似乎是一个基本问题，但我无法弄清楚如何在 YUI 数据表上将表格宽度设置为 100%。

我试着做

#dtContainer {
    width: 100%;
}

#dtContainer table {
    width: 100%
}

但这些方法都不起作用。

为了澄清，我试图在表为空并显示空消息时将数据表宽度设置为 100%。

生成的表格是HTML表格；所以，我认为这应该可行。

4

6 回答 6

6

不要使用 .yui-dt table { width:100%;} ，它似乎没有正确设置列宽。使用 myDataTable.setAttributes({width:"100%"},true); 表渲染后

于 2010-10-28T14:42:14.333 回答
4

事实证明，解决方案非常简单：

.yui-dt table
{
    width: 100%;
}
于 2009-12-22T02:42:38.443 回答
1

这是一个丑陋的解决方案。但它有效

<script>
window.onload = function() {
setTimeout('document.getElementById("NAME OF CONTAINER DIV").childNodes[1].style.width
= "100%"',1000);
};
</script>

问题是应用样式预渲染毫无意义，javascript 正在构建表格，后渲染是我可以开始工作的全部。

于 2009-11-12T22:23:11.327 回答
0

看起来这个小风格标签很神奇：

 .yui-dt table { width:100%;}
于 2010-01-12T21:12:23.407 回答
0

为了在具有不同分辨率的各种屏幕上保持纵横比，我必须手动将列宽设置为总和为 100% 的百分比。

<style type="text/css">

    /* YUI Individual Column Width */        
    #dvAutoWidthList .yui-dt-col-Col1{width: 35%;}
    #dvAutoWidthList .yui-dt-col-Col2{width: 10%;}
    #dvAutoWidthList .yui-dt-col-Col3{width: 15%;}
    #dvAutoWidthList .yui-dt-col-Col4, .yui-dt-col-Col5, .yui-dt-col-Col6, .yui-dt-col-Col7 {width: 10%;}

</style>

PS：可能不是最好的方法，但它解决了我的问题！

奎克斯。

于 2011-09-19T13:52:21.850 回答
0 
var dataTable = new Y.DataTable(
          {
            columns: cols,
            data: remoteData,
            width: '100%',             
          }
        ).render('#dataTable ');

这应该可以解决问题。为我工作 AUI 2.5.1

于 2015-02-09T14:40:34.007 回答