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

如标题所示：
就是我在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="true" >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页嵌套datagrid高度、宽度适应 滚动条问题

猜你喜欢

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