cherry__yu的博客

需求现在有一个在table里面做筛选的需求，在antd的table文档里很容易找到相关API，在官方的例子中是用filters定义菜单数据，用onFilter监控变化。官方例子：{title: 'Address',dataIndex: 'address',filters: [ { text: 'London', value: 'London', }, { text: 'New York', value: 'New York', },],on.

需求分析：用表格展示数据，当数据过大时，从时间和缓存上考虑，一次返回全部数据是不可取的。于是使用分页查询。前端每次点击切换页面的时候，带着当前页面参数向后端发请求，后端查询时用limit，只返回当前页面的数据，同时后端需返回一个count值计算所有要展示的数据量，供前端可展示页数（否则就只有一页）。前端react、antd，后端koa、sqlite。前端代码：首先在组件pagination内设置翻页回调函数，写在属性onChange里，该函数可以拿到当前页面和页面条数，带上这些参数向后端发请求。

有一个需求是可以使主表格里每一栏数据展开，在子table里显示与其相关的子数据项，展开的时候去向后台请求数据显示。用的组件库是Antd。首先我们看Antd官方文档的Table有嵌套子表格的功能，可见我们需要使用expandedRowRender参数，但是尝试在expandedRowRender函数中进行请求，会发现发出了连续的请求，所以我们把请求写在onExpand中，只在点击展开图表的时候发出一次。之后我们写onExpand函数，注意这里的参数要写上expanded，代表是展开还是合并，我之前