记录一些antd table的行列bug问题:(超讨人厌)
一.官方给出的bug出现原因:
若列头与内容不对齐或出现列重复,请指定固定列的宽度 width。如果指定 width 不生效或出现白色垂直空隙,请尝试建议留一列不设宽度以适应弹性布局,或者检查是否有超长连续字段破坏布局。
建议指定 scroll.x 为大于表格宽度的固定值或百分比。注意,且非固定列宽度之和不要超过 scroll.x。
二.自己总结的一些bug解决方案
横向滚动的时候,thead和tbody老是会有点对不齐,原因可能是overflow属性不一致导致,(scroll,auto,hidden)会有不一样的样式效果,所以会影响thead和tbody可能不一样长,所以会出现滚动差!
设置左右固定列侯,固定列和正常流的列滚动条居然不重合从而出现前后交叉的状况,这时候只能自己手动调整固定列的滚动高度,这种状况会导致行之间塌陷
.ant-table-body-inner {
max-height: calc(100vh - 390px) !important;
}
使他们重合,问题解决
网友评论