在使用ant design的table组件的时候,一段最简单的代码,呈现出来的数据却有loading的模糊效果。 下面是demo代码
const dataSource = [{
key: '1',
name: '胡彦斌',
age: 32,
address: '西湖区湖底公园1号'
}, {
key: '2',
name: '胡彦祖',
age: 42,
address: '西湖区湖底公园1号'
}];
const columns = [{
title: '姓名',
dataIndex: 'name',
key: 'name',
}, {
title: '年龄',
dataIndex: 'age',
key: 'age',
}, {
title: '住址',
dataIndex: 'address',
key: 'address',
}];
const AgentList = React.createClass({
render: function (){
return (
);
}
});
下面是效果图
这个问题本来是没有的。在我更新了ant design的版本之后,才出现
我之前的版本是2.1.0
更新后的版本是2.7.0
我在不同的机器上,不同的操作系统上,都测试了下,只要是2.1.0,就不会有问题。高于这个版本的库,就会有这个问题产生。
请问,这个该如何解决?
我补充一下,用同样的新库,我把这段代码单独拿出来跑,一切正常。但是加到项目中,就出现了这个问题。会不会是有插件产生了冲突?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
你一定是引入了旧版本 antd 的样式代码。
这个是 antd 的默认loading效果啊, 可以关掉的。
大神!你太厉害了!!
我也是在5分钟前刚发现了这个问题!!
确实是引用了旧版本的css,导致的这个问题!