Javascript 如何使w2grid宽度达到100%？

有人用过吗

我想不出如何让它装满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>

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

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

编辑： 我不知道如何将应用程序简化为一把小提琴，所以这张图显示了我的意思。注意w2ui网格右侧的浅蓝色空间？网格拒绝填充容器。可能是由于拆分器容器

当我在chrome浏览器的elements面板中隔离网格css时，我看到在div class=“w2ui网格框”中，宽度被硬编码为351px。如果在“样式”面板中取消选中该宽度，则网格将展开以填充容器宽度。如果我在css中将.w2ui网格框设置为“宽度：100%！重要”，则不受尊重

我下载了作者的简单网格演示并运行了它。很好用。当我更改窗口大小时，网格会相应地调整。所以我想这个问题在本质上可能更一般，因为我在其他组件中看到过这种行为。它们可以作为独立组件正常工作，但当放置在另一个容器中时，自动调整大小无法工作。在这种情况下，你们如何判断出哪里出了问题？

I终于找到了答案！我搬家了

.w2ui-grid-box {
    width: '100%' !important;
}

---

到main.css文件的最底部，但即使这样也不能解决问题。但后来我去掉了单引号和低，看它的工作！我在css中还有其他地方，我见过很多其他地方100%左右使用单引号或双引号，没有任何问题，所以当删除它们时，我完全感到惊讶。从中学到的经验教训：永远不要引用单引号或双引号，大约100%

您可以添加以下CSS

#grid{
width: 100% !important;
}
.w2ui-grid-box{
    width: 100% !important;
}

---

您可能指的是w2grid（不是w2ui表），默认情况下，它将占据容器的100%宽度和高度。请创建一个提琴/bin/pen来说明您的问题。旁注：w2grid附带了一个可选的头（），所以不需要创建自己的头。是的，显然我创建了。我敢发誓我看到了它，还附上了一张桌子。无论如何，您的演示页面更好，信息量也更大。奇怪的是，他们有多个网格演示页面。非常感谢你，迈克！不客气。w2ui框架的每个部分都有一个小的演示，点击绿色的“更多演示”按钮，你就可以进入我上面链接的页面。另一个注意事项：如果你通过蓝色按钮下载W2UI 1.5，你应该考虑切换到最新的文件，其中包括很多错误修复。还有一个问题，我会尽量简化我的应用程序。一定是因为我的容器不允许桌子填满它的宽度。另外，我想知道如何删除工具栏上的搜索和刷新按钮，并添加如下弹出菜单：可以通过设置

网格来修改工具栏按钮/字段。相应地显示
。请参阅：请不要在评论中张贴后续问题。另外，请不要像您目前所做的那样在一个问题中问三个问题（宽度问题、工具栏按钮、弹出菜单），而是为每个问题创建一个新问题。