如何使 w2grid 宽度为 100%？

问题描述

有人用w2grid吗？

我不知道如何让它 100% 填满它的容器。

html 如下所示：

<div id="a" style="width:100%">   <!-- top left container-->
<div>This is a table header</div>
<div id="grid" style="width: 100% !important; height: 100%;"></div>

javascript 看起来像这样：

function addWatchlistTable() {
    $(function () {
        $('#grid').w2grid({
            name: 'grid',header: 'List of Names',columns: [
                { field: 'fname',caption: 'First Name',size: '20%' },{ field: 'lname',caption: 'Last Name',{ field: 'email',caption: 'Email',size: '30%' },{ field: 'sdate',caption: 'Start Date',size: '30%' }
            ],records: [
                { recid: 1,fname: "Peter",lname: "Jeremia",email: '[email protected]',sdate: '2/1/2010' },{ recid: 2,fname: "Bruce",lname: "Wilkerson",email: '[email protected]',sdate: '6/1/2010' },{ recid: 3,fname: "John",lname: "McAlister",email: '[email protected]',sdate: '1/16/2010' },{ recid: 4,fname: "Ravi",lname: "Zacharies",email: '[email protected]',sdate: '3/13/2007' },{ recid: 5,fname: "William",lname: "Dembski",email: '[email protected]',sdate: '9/30/2011' },{ recid: 6,fname: "David",lname: "Peterson",email: '[email protected]',sdate: '4/5/2010' }
            ]
        });
    });
}

尊重高度但不尊重宽度。有什么建议吗？

编辑：我无法弄清楚如何将应用程序简化为小提琴，因此此图像显示了我的意思。注意到 w2ui 网格右侧的浅蓝色空间了吗？网格拒绝填充容器。可能是因为分离器容器。

当我在chrome浏览器的元素面板中隔离grid css时，我看到div class="w2ui-grid-box"中的宽度被硬编码为351px。如果我在“样式”面板中取消选中该宽度，则网格会扩展以填充容器宽度。如果我将 .w2ui-grid-box 在我的 css 中设置为“width: 100% !important”，则不受尊重。

我下载了作者的 Simple-Grid 演示并运行了它。工作得很好。当我更改窗口大小时，网格会相应调整。所以我想这个问题在本质上可能更普遍，因为我在其他组件中看到了这种行为。它们作为独立组件工作正常，但当放置在另一个容器内时，自动调整大小无法工作。在这些类型的情况下，你们如何确定出了什么问题？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html javascript w2ui