ANTD 踩坑指南

最近团队后台 要使用antd 开发,发现了许多坑 慢慢记录下来 持续更~

1 表格

    如果你给所有的columns都加了宽度,会发现还是按照均分显示的,所以还是需要有几个不设置宽度,或者就是讲整个表格的宽度设置的相对较宽,但是不建议使用本身自带的特性scoll-x 因为会导致 表头和内容没有办法同时移动的情况(当数据量比较大的时候),建议自行设置css的属性。

  当你设置了固定表头的时候 会出现 表格和内容不对照的情况,所以一定要设置宽度。

2 表格滑动

    当你的表格列数较多的时候,滑动时,表头和内容会出现不同步滑动的问题,建议不要使用scoll-x,自行写入css,不然当你进行filter的时候 如果当前的搜索数据为空 整个搜索组件会偏移,因为当表格内容为空时。表格的滚动条会消失。

3 表单

    我需要 在一个弹出框内显示多条数据。

ANTD 踩坑指南

这时候明显这样的布局不能够使用了,我需要部分横向,于是我使用了

Form 中的layout=inline

ANTD 踩坑指南

会变成 这样

ANTD 踩坑指南