html - 具有分组列垂直滚动的 DevExtreme 数据网格不起作用
问题描述
我在我的网格中禁用了分页我想在带有分组列的数据网格中添加垂直滚动,我在我的网格中启用了“标准”滚动但滚动没有显示在我的网格中,我被困在这个问题中请为此问题提供解决方案. 这是我的数据网格 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>
解决方案
定义 DataGrid高度后,垂直滚动条显示在我的 DataGrid 中。
<dx-data-grid
id="gridContainer"
[dataSource]="customers"
[allowColumnReordering]="true"
[showBorders]="true"
[height]="400">
推荐阅读
- c# - 在 Asp.NetCore Web 应用程序中替代 CustomErrors Mode = "RemoteOnly"
- javascript - 将第一次出现滚动到 div 内的顶部位置
- sql - 获取最后插入的 id 作为多插入的一部分?
- powershell - Password Generator - Generate password on demand
- jquery - 不刷新使用Ajax和node js从SQL数据库获取数据
- visual-studio - 如何从同一个解决方案运行多个 Web API?
- php - 在 Laravel 5.6 中添加 GELF 记录器后出现“您的配置文件不可序列化”错误消息
- python-3.x - 如何通过 Selenium 在 Chrome 浏览器中使用 Tor
- javascript - 使用 URL 哈希删除特定 div 上的活动类
- git - 使用 Git 提交后的缩进问题