117.info
人生若只如初见

table分页onShowSizeChange后的pageNo解决

在table分页中,当用户选择每页显示的条数发生变化时,可以通过以下方法解决pageNo的问题:

  1. 在onShowSizeChange事件中,将pageNo重置为1,这样每次改变每页显示的条数时,都会将当前页重置为第一页。
onShowSizeChange = (current, pageSize) => {
this.setState({
pageNo: 1,
pageSize: pageSize,
});
// 其他逻辑
};
  1. 在表格数据请求时,根据当前页码和每页显示的条数计算出新的起始索引,然后根据新的起始索引和每页显示的条数获取新的数据。
getData = https://www.yisu.com/ask/() => {
const { pageNo, pageSize } = this.state;
const startIndex = (pageNo - 1) * pageSize;
// 根据startIndex和pageSize获取数据
// 其他逻辑
};
  1. 更新表格数据时,根据新的数据和总条数重新计算页码并更新state中的pageNo。
updateTableData = https://www.yisu.com/ask/(data, total) => {
const { pageSize } = this.state;
const totalPages = Math.ceil(total / pageSize);
let { pageNo } = this.state;
if (pageNo > totalPages) {
pageNo = totalPages;
}
this.setState({
data: data,
total: total,
pageNo: pageNo,
});
};

这样就可以保证在改变每页显示的条数时,正确地更新当前页码并获取相应的数据。

未经允许不得转载 » 本文链接:https://www.117.info/ask/fe009AzsLBgBfB1Y.html

推荐文章

  • table如何设置边框

    要设置表格的边框,您可以使用HTML或Markdown中的相应语法来创建表格,并使用CSS样式或类来定义表格的外观。以下是在HTML和Markdown中设置表格边框的示例:在HTM...

  • sql语句返回主键SCOPE_IDENTITY()

    在SQL中,SCOPE_IDENTITY()是一个用于返回最后插入行的主键值的函数。它返回由当前会话(作用域)生成的自增主键值。
    可以使用以下示例SQL语句来返回主键SC...

  • 详解Java中NullPointerException异常的原因以及解决方法

    NullPointerException是Java中常见的异常之一,通常是在运行时发生的。该异常表示程序试图访问一个空对象的属性或调用空对象的方法。
    造成NullPointerExcep...

  • 汇编语言DOSBox及debug.exe在Windows64下环境搭建

    在Windows 64位系统下搭建汇编语言的DOSBox和debug.exe环境,可以按照以下步骤进行操作: 下载DOSBox:访问DOSBox的官方网站(https://www.dosbox.com/)下载最新...

  • jquery获取值的方式有哪些

    jQuery有多种方式可以获取值,以下是一些常用的方法: .val():用于获取表单元素的值,如输入框、下拉框和单选框等。 例:$(“input[name=‘username’]”).val(...