EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: zolotoy on July 17, 2015, 06:14:32 PM



Title: Layout question
Post by: zolotoy on July 17, 2015, 06:14:32 PM
Here is my layout:
Code:
<div easyui-layout fit="true" style="height:88%;">
    <div data-options="region:'west',title:'Asset Tree',split:true" style="width:25%;">
        <div style="width:100%;height:100%">
            <table assets-treegrid ng-model="assets" fit="true" pagination="true"
                   rownumbers="true" singleselect="true" idField="id" treeField="name"></table>
        </div>
    </div>
    <div region="center">
        <div easyui-layout fit="true">
            <div data-options="region:'north',split:true" style="height:40%;">
                <div style="width:1250px;height:300px;">
                    <table id="tt" asset-projects ng-model="assetProjects"
                           fit="true" rownumbers="true" singleselect="true"></table>
                </div>
            </div>
            <div data-options="region:'center'"></div>
        </div>
    </div>
</div>

What I want is when I collapse west region the table "tt" will take the whole width. but that's not happening. Any idea why?

Thanks


Title: Re: Layout question
Post by: stworthy on July 17, 2015, 11:20:58 PM
Please try this:
Code:
    <div region="center">
        <div easyui-layout fit="true">
            <div data-options="region:'north',split:true" style="height:40%;">
               
                    <table id="tt" asset-projects ng-model="assetProjects"
                           fit="true" rownumbers="true" singleselect="true"></table>
               
            </div>
            <div data-options="region:'center'"></div>
        </div>
    </div>


Title: Re: Layout question
Post by: zolotoy on July 18, 2015, 03:08:59 PM
Yes, that helped, thanks.