ANTD 踩坑指南

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

1 表格

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

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

2 表格滑动

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

3 表单

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


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

Form 中的layout=inline


会变成 这样



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值