当用户点击添加新行时如何显示最后一页，以便用户可以使用react js和prime react查看新添加的行

编程问答 2022-05-03

问题描述

当用户点击添加新行时，我面临显示最后一页的问题..如果我们可以显示最后一页，用户可以直接查看新添加的行..我正在使用prime react和react js

解决方法

您可以做的是使用 useRef 钩子来引用 DataTable 组件，然后在添加行时手动更改其状态

const dataTable = useRef(null);

然后在你的组件中引用它

<DataTable value={results} paginator rows={5} ref={dataTable}>

最后通过在最后添加这个来实现您的自定义方法

  const goToLastPage = () => {
    dataTable.current.setState({
      first:
        Math.ceil(results.length / dataTable.current.state.rows) *
        dataTable.current.state.rows - dataTable.current.state.rows
    });
  };

检查this sandbox

primereactreactjsreactjsreactjsreactjs