XAF Blazor ListView 布局样式

前言

XAFBlazor虽然可以适应PC端及移动端，但从它的界面可以看出，它明显是移动优先的（Mobile First）。这样的界面在PC端有时会感觉不是很方便（特别对于数据密集的系统来说），即将发布的22.2版本，听说在这方面会做一些优化。

ListView

在ListView中，当每页内容过多时会出现滚动条，但滚动时整个表格都会滚动，对于PC端来说体验不是很好，我希望内容过多时在表格中显示滚动条，表格头及页面导航都始终显示出来，如下图

ListView中的表格是DxGrid，它是支持这个效果的，由于XAFBlazor并没有去约束它的高度，所以看到的是整个表格的滚动，下面是修改过程的演示

通过上面的演示我们知道了需要修改的地方，下面只需要覆盖对应的标签样式就可以了，样式代码

虽然可以通过覆盖样式的方式来达到我们想要的效果，但需要注意随着XAF的升级，它的DOM结构可能会发生变化

写在最后

在今后我会通过这种方式来讲述一些实用的样式修改，如果大家有样式修改方面的问题可以给我留言。