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

作者：很楠不爱3 | 2024-03-29 03:24:54

踩

arkui tabcontent嵌套grid

如标题所示：
就是我在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;
}

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

截图：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/333451

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

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