最近团队后台 要使用antd 开发,发现了许多坑 慢慢记录下来 持续更~
1 表格
如果你给所有的columns都加了宽度,会发现还是按照均分显示的,所以还是需要有几个不设置宽度,或者就是讲整个表格的宽度设置的相对较宽,但是不建议使用本身自带的特性scoll-x 因为会导致 表头和内容没有办法同时移动的情况(当数据量比较大的时候),建议自行设置css的属性。
当你设置了固定表头的时候 会出现 表格和内容不对照的情况,所以一定要设置宽度。
2 表格滑动
当你的表格列数较多的时候,滑动时,表头和内容会出现不同步滑动的问题,建议不要使用scoll-x,自行写入css,不然当你进行filter的时候 如果当前的搜索数据为空 整个搜索组件会偏移,因为当表格内容为空时。表格的滚动条会消失。
3 表单
我需要 在一个弹出框内显示多条数据。
这时候明显这样的布局不能够使用了,我需要部分横向,于是我使用了
Form 中的layout=inline
会变成 这样