3

我正在尝试使用 EasyUI 实现主从控件。目前我有以下内容：

<div class="easyui-layout" style="height: 600px;">
    <div region="west" style="width: 250px;">
        <table id="detailsTable">
            <thead>
                <tr>
                    <th field="ID" width="200">ID</th>
                    <th field="Name" width="200">Name</th>
                </tr>
            </thead>
            <tbody>
            ...
            </tbody>
        </table>
    </div>
    <div region="center" title="Main Title">
    ...
    </div>
</div>

下面的脚本将上面的内容变成了一个漂亮的主从控件：

$("div.easyui-layout").layout();
$("table#detailsTable").datagrid({
    pagination: false,
    singleSelect: true,
    fitColumns: true
});

我现在需要的是使网格具有其容器（西面板）的 100% 的宽度，因此它需要与面板一起调整大小。设置width="100%"or style="width: 100%;"for table 没有帮助，并且在调整面板大小时布局似乎不会触发任何事件（至少我在文档中没有找到任何事件）。有任何想法吗？

4

1 回答 1

2

（已在评论和编辑中回答。请参阅没有答案的问题，但问题已在评论中解决（或在聊天中扩展））

OP写道：

看起来可以关闭案例 - fit 选项解决了问题：

$("table#detailsTable").datagrid({
    fit: true,
    ...
于 2015-01-26T12:30:52.120 回答