easyui 布局自适应

easyui 的布局经常会是  左边tree 右边datagrid 往往datagrid上方还会有一些操作栏

如果上方没有操作栏 直接将datagrid 的fit属性设为true 即可自适应  但如果上方还有div的话 那么datagrid就不能很好的自适应了  这个时候 就可以用到  easyui-layout来解决  不同的内容放到不同的位置  

例如：

            

<div class="easyui-layout"data-options="fit:true">

            <div data-options="region:\'north\'" style="height:100px">

                <table id="part1"></table>

            </div>

            <div data-options="region:\'center\'">

                <table id="part2"></table>

            </div>

        </div>