XAF Blazor ListView 布局样式
前言
XAFBlazor虽然可以适应PC端及移动端,但从它的界面可以看出,它明显是移动优先的(Mobile First)。这样的界面在PC端有时会感觉不是很方便(特别对于数据密集的系统来说),即将发布的22.2版本,听说在这方面会做一些优化。
ListView
在ListView中,当每页内容过多时会出现滚动条,但滚动时整个表格都会滚动,对于PC端来说体验不是很好,我希望内容过多时在表格中显示滚动条,表格头及页面导航都始终显示出来,如下图
ListView中的表格是DxGrid,它是支持这个效果的,由于XAFBlazor并没有去约束它的高度,所以看到的是整个表格的滚动,下面是修改过程的演示
通过上面的演示我们知道了需要修改的地方,下面只需要覆盖对应的标签样式就可以了,样式代码
虽然可以通过覆盖样式的方式来达到我们想要的效果,但需要注意随着XAF的升级,它的DOM结构可能会发生变化
写在最后
在今后我会通过这种方式来讲述一些实用的样式修改,如果大家有样式修改方面的问题可以给我留言。
分类:
XAF
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)