Ant design table组件最全分页用法

最全分页用法

  const pageOnChange = (val) => {console.log(val);};const pageSizeChange = (page, pageSize) => {console.log(pageSize);}; `共 ${page?.totalSize} 条`, // 显示总共有多少条total: page?.totalSize, // 总共有多少条onChange: pageOnChange, // 页码变化回调函数showQuickJumper: true, // 是否显示快速跳转current: currentPage, // 当前active的页码showSizeChanger: true,  // 是否显示页面大小变化选择框onShowSizeChange: pageSizeChange,  //页面大小变化回调函数pageSizeOptions: ["10", "20", "50"],  // 页面大小变化选择框中可选变化}}/>
 

效果