javascript - 为什么ant design的table会有loading的模糊效果?
黄舟
黄舟 2017-04-11 11:52:18
[JavaScript讨论组]

在使用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,就不会有问题。高于这个版本的库,就会有这个问题产生。

请问,这个该如何解决?

我补充一下,用同样的新库,我把这段代码单独拿出来跑,一切正常。但是加到项目中,就出现了这个问题。会不会是有插件产生了冲突?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(3)
迷茫

你一定是引入了旧版本 antd 的样式代码。

迷茫

这个是 antd 的默认loading效果啊, 可以关掉的。

ringa_lee

大神!你太厉害了!!
我也是在5分钟前刚发现了这个问题!!
确实是引用了旧版本的css,导致的这个问题!

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号