您的位置：首页 > 其它

关于tab页嵌套datagrid高度、宽度适应 滚动条问题

2014-10-13 13:46 423 查看
如标题所示：

就是我在tab页面中嵌套了相应的页面(B.jsp) B.jsp页面中有datagrid列表进行展示，但是现在有个问题就是说 ，当我的datagrid列数比较多的时候，datagrid只有一条记录的时候，会出现横向滚动条会把那一条展示的记录给覆盖掉了，如果是多条记录的话是不会出现这个问题

因为网络问题，这个图片截图上传不上去

相应的jsp：

    <div id="grid1" class="mini-datagrid mini-fit" style="width:100%;height:auto;"sortMode="client"

        url="" dataField=""

            allowAlternating="true" multiSelect="false" showEmptyText="true" showPager="true"

            emptyText="没有查到数据" showReloadButton="false" showColumnsMenu="true"

            onrowdblclick="" allowCellEdit="true" allowCellSelect="true"onselectionchanged="onSelectionChanged"

            sizeList="[10,20,50,100]" pageSize="10">

        <div property="columns">

                <div type="checkcolumn">选择</div>

                <div field="partyNum" headerAlign="center" allowSort="true">A</div>

                <div field="partyName" headerAlign="center" allowSort="true">B</div>

                <div field="custRiskTypeCd" headerAlign="center" allowSort="true" dictTypeId="XD_FLCD0002">C</div>

                <div field="shbackEnterpriseSizeCd" headerAlign="center" allowSort="true" dictTypeId="CDKH0025">D</div>

                <div field="creditRatingCd" headerAlign="center" allowSort="true" dictTypeId="XD_KHCD0228">E</div>

                <div field="creditExposure" headerAlign="center" allowSort="true">F</div>

                <div field="availableExposure" headerAlign="center" allowSort="tru
9311
e" >G</div>                

        </div>

        </div>

</div>

就是如果这个<div field="creditExposure" headerAlign="center" allowSort="true">F</div>这个比较多的时候，会出现这个问题

因为这个列数都是不固定的

css：

.mini-panel-body, .mini-grid-rows-view {

        overflow: auto;

}

.mini-grid-rows-view {

        height:auto;

}

麻烦版主帮我看一下，非常感谢！
截图：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  tab
相关文章推荐
新的分享
章节导航