当前位置: 首页 > Web前端 > vue.js

Ant-designTable组件错位-错位

时间:2023-03-31 20:54:18 vue.js

1.垂直/列对齐1.1。存在未设置宽度的列(column):固定表头时,表头宽度计算错误,表头列与内容列错位1.2。句子/词过长:antd根据语义/词断句,实际列宽超过设置宽度,导致列对齐;1.3.启用单选功能:单选列标题宽度计算错误,2.水平/行错位2.1.fixed(固定)列的高度高于普通列:普通列的高度与固定列的高度不同,导致行错位;否则,没问题3.专栏3.1。列数不固定,需要适配不同尺寸的屏幕:4种情况需要适配:小屏少列、小屏多列、大屏少列、大屏多列adaptation对于多列的小屏幕,我们会固定一些列,列设置的宽度会从ratio改为px。切换大屏时,相同列数的宽度可能不足以覆盖表格3.2.scroll.x计算错误:antd文档:建议指定scroll.x为固定值或更大的百分比比表格的宽度。注意非固定列宽之和不要超过scroll.x个人建议:将scroll.x设置为所有列的总宽度,包括固定列。(这里有一点是我们自己的系统代码需要检查的:检查TableContainer组件是否保留缓冲区,如果有则去掉)4、双滚动条4.1.macOS系统偏好设置为“显示滚动条-滚动时”会出现双滚动条————————————————————版权声明:本文为CSDN原创文章博主“超级小马里”,遵循CC4.0BY-SA版权协议,转载请附上原文出处链接及本声明。