antd
暖暖小时光
这个作者很懒,什么都没留下…
展开
-
关于antd table组件中,数据渲染条数跟后台传入数据不一致的问题
如果出现表格数据渲染 跟后台传过来的数据的条数不一致的情况,绝大概率的rowkey的问题。我这边当时调试的时候,后台的数据我是存在store中的,包括在table重新渲染的时候,我这边传过来的数据条数都是跟后台的保持一致的,但是渲染的时候 一共六条数据,就只渲染出来一条。于是就看了一下传过来的数据,发现这六条数据的key居然是一模一样的,这也就是为什么明明过来了六条数据,结果表格只渲染了一条。在网上搜了一下,发现因为rowkey一样,导致渲染的时候数据多于后台传过来的数据,这种情况我还没遇到过。..原创 2020-07-14 15:20:09 · 1930 阅读 · 3 评论 -
ant design Table本地排序(汉字,数字,字符串)
根据官方文档介绍 ,排序是在Column上面添加的。这里就写个简单的例子(只有表头部分,一看就会)const columns = [ { title: '汉字', dataIndex: 'name', sorter:(a,b)=>a.name.localeCompare(b.name) }, {原创 2020-06-30 18:49:47 · 5545 阅读 · 1 评论 -
解决antd表格行操作获取不到数据的问题
<Table columns={columns1} dataSource={this.state.dclData} onRow = {(record) => { return { onClick: () => { console.log(record);//这里是点击行的数据,可以把需要的数据存入...原创 2019-11-06 14:54:40 · 5112 阅读 · 0 评论 -
ant design Table可编辑的单元格改进版
antd官方也有给文档,但是超级麻烦,代码量还超级多,改编了一下如图:这里table的columns的写法,如下:const columns2 = [{title: '尺寸名称',dataIndex: 'name',filterDropdown: true,filterIcon: <Icon type="edit"/>,render: () => &l...原创 2019-05-31 18:18:24 · 16282 阅读 · 30 评论