美文网首页
记录antd table使用的一些常见bug

记录antd table使用的一些常见bug

作者: VivaLaVida_692c | 来源:发表于2021-06-08 14:25 被阅读0次

    记录一些antd table的行列bug问题:(超讨人厌)

    一.官方给出的bug出现原因:

    若列头与内容不对齐或出现列重复,请指定固定列的宽度 width。如果指定 width 不生效或出现白色垂直空隙,请尝试建议留一列不设宽度以适应弹性布局,或者检查是否有超长连续字段破坏布局。
    建议指定 scroll.x 为大于表格宽度的固定值或百分比。注意,且非固定列宽度之和不要超过 scroll.x。
    
    

    二.自己总结的一些bug解决方案

    横向滚动的时候,thead和tbody老是会有点对不齐,原因可能是overflow属性不一致导致,(scroll,auto,hidden)会有不一样的样式效果,所以会影响thead和tbody可能不一样长,所以会出现滚动差!
    
    屏幕快照 2021-06-04 上午11.39.08.png
    设置左右固定列侯,固定列和正常流的列滚动条居然不重合从而出现前后交叉的状况,这时候只能自己手动调整固定列的滚动高度,这种状况会导致行之间塌陷
    .ant-table-body-inner {
        max-height: calc(100vh - 390px) !important;
     }
    使他们重合,问题解决
    

    相关文章

      网友评论

          本文标题:记录antd table使用的一些常见bug

          本文链接:https://www.haomeiwen.com/subject/nmsxeltx.html