DataGrid 在没有数据的情况下如何不让底部分页与标题在一起

linda931

效果如下图：


style="width: 100%;  height: 100%;"
如何解决在没有数据的情况下不出现上面的情况？

felt

外面包一层mini-fit

linda931

felt 发表于 2014-10-9 09:38
外面包一层mini-fit

以下是代码帮忙看一下应该怎么修改？ 这是我修改之后的但是还是不行。
<div class="mini-fit">
        <div class="mini-splitter" style="width: 100%; height: 100%;">
            <div size="250px" showcollapsebutton="true">
                <div id="tabs1" class="mini-tabs" activeindex="0" style="width: 250px; height: 100%;">
                    <div title="片区列表">
                        <div showcollapsebutton="true" style="padding: 3px; height: 98%;">
                            <ul id="tree1" class="mini-tree" style="width: 100%; height: 100%;" showtreeicon="true"
                                url="SysData.aspx?method=GetAreaTreeList" textfield="AreaName" idfield="ID" parentfield="FatherAreaId"
                                resultastree="false" autocheckparent="true" expandonload="0">
                            </ul>
                        </div>
                    </div>
                    <div title="片区划分方式">
                        <div id="gridtype" class="mini-datagrid" allowalternating="true" style="width: 250px;
                            height: 100%;" url="SysData.aspx?method=GetAreaTypeList" idfield="ID" allowresize="true"
                            sizelist="[15,20,30,50,100]" pagesize="15" multiselect="false"
                           >
                            <div property="columns">
                                <div field="AreaDivisionType" width="90px" headeralign="center" allowsort="true">
                                    编码</div>
                                <div field="AreaDivisionName" width="140px%" headeralign="center" allowsort="true">
                                    片区划分名称</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="otherfrm" style="width: 100%; height: 100%; position: relative;" showcollapsebutton="false">
                <div class="mini-toolbar" style="border-bottom: 0; padding: 0px;">
                    <table style="width: 100%;">
                        <tr>
                            <td style="width: 100%;">
                                <a id="a1" enabled="true" class="mini-button" iconcls="icon-add"
                                    plain="true">新增片区</a>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="mini-fit">
                    <div id="grid1" style="position: absolute;" class="mini-datagrid" allowalternating="true"
                        style="width: 100%; height: 100%;" borderstyle="border:0;" url="SysData.aspx?method=GetAreaList"
                        sizelist="[50,100,400]" pagesize="50" idfield="ID" showfilterrow="false" allowcellselect="false"
                        allowcelledit="false" showvgridlines="true">
                        <div property="columns" width="100" width="40">
                            <div type="indexcolumn" headeralign="center">
                                序号
                            </div>
                            <div field="AreaId" headeralign="center" allowsort="true" width="60">
                                片区编码</div>
                            <div field="AreaName" headeralign="center" allowsort="true" width="100">
                                片区名称</div>                        
                            <div field="Remarks" headeralign="center" allowsort="true" width="100">
                                备注</div>
                        </div>
                    </div>
                </div>               
            </div>
        </div>
    </div>

felt

linda931 发表于 2014-10-9 10:55
以下是代码帮忙看一下应该怎么修改？ 这是我修改之后的但是还是不行。

        

datagrid上2个style，导致后面那个无效

linda931

felt 发表于 2014-10-9 11:13
datagrid上2个style，导致后面那个无效

谢谢了！