關於tab頁巢狀datagrid高度、寬度適應 滾動條問題
阿新 • • 發佈:2019-01-26
就是我在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;
}
麻煩版主幫我看一下,非常感謝!