具有分组列垂直滚动的 DevExtreme 数据网格不起作用答案

【问题标题】：DevExtreme Data Grid with grouping column vertical Scrolling is not working具有分组列垂直滚动的 DevExtreme 数据网格不起作用
【发布时间】：2020-08-19 14:22:58
【问题描述】：

我在我的网格中禁用了分页我想在数据网格中添加带有分组列的垂直滚动，我在我的网格中启用“标准”滚动但滚动没有显示在我的网格中，我被困在这个问题中请提供解决方案对于这个问题。这是我的数据网格 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>

【问题讨论】：

标签： html angular devexpress devextreme devextreme-angular

【解决方案1】：

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

<dx-data-grid 
   id="gridContainer"
   [dataSource]="customers"
   [allowColumnReordering]="true"
   [showBorders]="true"
   [height]="400">

【讨论】：