jQuery EasyUI: изменить размер сетки данных внутри макета границы

Я пытаюсь реализовать элемент управления master-detail с помощью 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>

А следующий скрипт превращает вышеописанное в красиво выглядящий элемент управления master-detail:

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

Теперь мне нужно, чтобы сетка имела ширину 100% своего контейнера (западная панель), поэтому ее размер нужно изменить вместе с панелью. Установка width="100%" или style="width: 100%;" для таблицы не помогает, и макет, похоже, не запускает никаких событий при изменении размера панелей (по крайней мере, я не нашел их в документах). Есть идеи?


datagrid jquery-easyui
person Alex Kiselev    schedule 29.06.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

(Отвечено в комментариях и правках. См. Вопрос без ответов, но проблема решена в комментариях (или дополнена в чате) )

ОП написал:

Похоже дело можно закрывать - вариант с подгонкой решает проблему:

$("table#detailsTable").datagrid({
    fit: true,
    ...
person Community    schedule 26.01.2015