Layout question

[zolotoy]

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

[stworthy]

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>

[zolotoy]

Yes, that helped, thanks.