具有分组列垂直滚动的DevExtreme Data Grid不起作用

编程问答 2022-08-16

问题描述

我已禁用网格中的分页，我想在带有分组列的数据网格中添加垂直滚动，我在网格中启用了“标准”滚动，但是滚动未在网格中显示，我陷入了这一问题，请提供解决方案对于这个问题。这是我的数据网格html和所附的网格截图。

<dx-data-grid 
   id="gridContainer"
   [dataSource]="customers"
   [allowColumnReordering]="true"
   [showBorders]="true">   
   <dxi-column datafield="CompanyName"></dxi-column>
   <dxi-column datafield="Phone"></dxi-column>
   <dxi-column datafield="Fax"></dxi-column>
   <dxi-column datafield="City"></dxi-column>
   <dxi-column datafield="State" [groupIndex]="0"></dxi-column>
    <dxo-scrolling
       mode="standard"> <!-- or "virtual" | "infinite" -->
   </dxo-scrolling>
   <dxo-search-panel [visible]="true"></dxo-search-panel>
   <dxo-paging [pageSize]="10" [enabled]="false"></dxo-paging>
   <dxo-group-panel [visible]="true"></dxo-group-panel>
   <dxo-grouping #expand [autoExpandAll]="true"></dxo-grouping>
 </dx-data-grid>
 <div class="options">
   <div class="caption">Options</div>
   <div class="option">
       <dx-check-Box
           [(value)]="expand.autoExpandAll"
           text="Expand All Groups">
       </dx-check-Box>
   </div>
 </div>

Data Grid

解决方法

定义DataGrid后， 高度 垂直滚动条将显示在我的DataGrid中。

3333
angulardevexpressdevextremedevextreme-angularhtml