ant-design table 分页（tableProps）

From: https://www.cnblogs.com/crazycode2/p/9704382.html

1.布局

<Table

dataSource={this.state.tableDetailList}

scroll={{ y: '200px' }}

style={{tableLayout: 'fixed'}}

pagination={{ pageSize: 12 }}

columns={columns1}

rowKey={record => record.restId}

pagination={{ // 分页

simple: true,

current: this.state.current,

total: this.state.total2,

onChange: this.changePage,

}}

/>

2.逻辑

changePage = (page) => {

this.setState({

current: page,

}, () => {

let param = JSON.parse(JSON.stringify(this.state.param))

param = {

...param,

pageNum: this.state.current,

pageSize: 10,

}

this.getActivityRestDetailList(param)

})

}

ant-design table 分页（tableProps）相关推荐

ant design table column 设置width不生效解决方案
ant design table column 设置width不生效解决方案参考文章: (1)ant design table column 设置width不生效解决方案 (2)https://ww ...
Ant Design Table columns 参数配置隐藏列方法
Ant Design Table columns 参数配置隐藏列方法 const columns = [{title: '姓名',dataIndex: 'name',key: 'name',// 隐藏 ...
Ant Design table实现表头列宽拖拉官方 vue-draggable-resizable的魔改版
Ant Design table实现表头拖拽官方 vue-draggable-resizable的魔改版这里顺便也说一下使用官方vue-draggable-resizable组件,可能也有人不喜欢 ...
Ant Design Table修改滚动条样式
Ant Design Table修改滚动条样式目录一.目的二.步骤 1.了解滚动条的组成部分 2.样式修改 3.实现效果二.总结目录一.目的修改Ant表格的固定列滚动而产生的滚动条样式, ...
React开发（178）:ant design table基础用法
<Table columns={columns} dataSource={data} /> ant design重要的控制表头和数据的对象属性 columns data
ant design table 表格空白
据我查找,情况可能有如下几点: 1.table设置了tableLayout:fixed,导致每个格子的css的color:transparent改变了原来的颜色 2.table的columns设置了e ...
关于ant design table加scroll属性后列跟表头不对齐
class Home extends React.Component {render() {const dataSource = [{key: '1',name: '胡彦斌',age: 32,addr ...
ant design table 合并单元格
a-table 我们重点看columns 的配置 columns:[{title: '建设期号',align: 'center',dataIndex: 'stationNo',customRender ...
React开发（274）:ant design table额外展开行
React开发（230）:ant design table固定表头
固定表头方便一页内展示大量数据.需要指定 column 的 width 属性,否则列头和内容可能不对齐. 如果指定 width 不生效或出现白色垂直空隙, 请尝试建议留一列不设宽度以适应弹性布局,或 ...

ant-design table 分页（tableProps）

ant-design table 分页（tableProps）相关推荐

最新文章

热门文章