ant design pro中可控的筛选和排序实例中可控的筛选和排序实例
我就废话不多说了，大家还是直接看代码吧~
/**
* Created by hao.cheng on 2017/4/15.
*/
import React from 'react';
import { Table, Button } from 'antd';
const data = [{
key: '1',
name: '张三',
age: 22,
address: '浙江省温州市',
}, {
key: '2',
name: '李四',
age: 42,
address: '湖南省湘潭市',
}, {
key: '3',
name: '王五',
age: 12,
address: '四川省成都市',
}, {
key: '4',
name: '赵六',
age: 25,
address: '河南省郑州市',
}, {
key: '5',
name: '宋二',
age: 74,
address: '海南省海口市',
}, {
key: '6',
name: '韩八',
age: 19,
address: '台湾省台北市',
}, {
key: '7',
name: '孙七',
age: 55,
address: '福建省福州市',
}, {
key: '8',
name: '金九',
age: 81,
address: '山西省运城市',
}];
class SortTable extends React.Component {
state = {
filteredInfo: null,
sortedInfo: null,
};
handleChange = (pagination, filters, sorter) => {
//pagination:{current: 1, pageSize: 10}
//filters:{name: null, address: null}
//sorter:{column: {…}, order: "ascend", field: "name", columnKey: "name"}
console.log('Various parameters', pagination);
console.log('Various parameters', filters);
console.log('Various parameters', sorter);
this.setState({
filteredInfo: filters,
sortedInfo: sorter,
});
剩余12页未读，继续阅读
资源评论
weixin_38720256
- 粉丝: 4
- 资源: 946
最新资源
- 基于Java与Python的气象科普平台设计源码
- vue-element-plus-admin-Typescript资源
- COMSOL电弧放电模型：磁流体方程模拟现象，电磁热流体与电路物理场耦合分析,COMSOL电弧放电模型：融合磁流体方程模拟电弧现象，多维度物理场耦合电磁热流体分析,comsol电弧放电模型，采用磁流体
- MATLAB仿真下的耗散孤子共振DSR研究：基于谱方法求解复立方五次方金兹堡朗道方程探究光纤激光器中孤子演化,MATLAB仿真探索光纤激光器耗散孤子共振与复立方五次方金兹堡朗道方程的演化过程,MATL
- 基于CMOS 0.18um工艺的保护电路工程文件与文档合集：实现温度保护、过压欠压保护等五大功能模块的保护电路,保护电路多元功能集成与工程文档大全（含PDK、版图、参数设计及参考文献）,保护电路，能够
- 基于Vue框架的58同城静态页面设计源码
- 基于Java、HTML、JavaScript技术的博客营地设计源码
- COMSOL多物理场模拟下的锂枝晶模型：随机生长、枝晶生长分析与相场、浓度场及电场研究,COMSOL多物理场模型下的锂枝晶生长分析：相场、浓度场和电场联合模拟研究,comsol 锂枝晶模型 多枝晶随机
- 基于Comsol与Matlab的岩石损伤与裂纹扩展模拟研究,基于Comsol与Matlab的岩石损伤与裂纹扩展模拟研究,comsol with matlab 裂纹扩展 用Matlab循环调用岩石损伤以
- 基于多语言技术的生态用户画像设计源码仓库
- 基于Html与PHP的各选修作业设计源码分享
- COMSOL光学仿真技术：从仿真SPR传感器与三芯分束器到分析光子晶体光纤的偏振模式与有效性能,基于光子晶体光纤仿真的光学器件研究：SPR传感器与三芯分束器的复现与模式分析,comsol光学仿真 光子
- 基于C++和C语言的超高速数据采集与存储回放设计源码
- Magic.NET-C#资源
- 考虑新能源经济消纳的共享储能优化配置策略：实现成本效益双赢的微网能源管理方案,考虑微网新能源经济消纳的共享储能优化配置策略与成本效益分析,考虑微网新能源经济消纳的共享储能优化配置 共享储能是可再生能源
- pdfh5-JavaScript资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
