如何更改表分页的MaterialUI onPageChange操作

文章/答案/技术大牛

发布

1回答

reactjs、google-cloud-firestore、material-ui

我的应用程序使用服务器端分页。我想在这里使用MUI的表分页组件https://codesandbox.io/s/f71wj，但问题是我的下一页数据在用户单击下一页按钮之前不会处于这种状态。我试过了，我检索前10个项目，然后将每页行数设置为5，这样用户就可以单击下一页，我将检索10个以上的数据。const [rowsPerPage, setRowsPerPage] = React.useState(5); 另有10个数据进入状态，但

浏览 22提问于2021-01-25得票数 1

1回答

Redux何时在异步操作之前或之后更新状态？

reactjs、pagination、redux

我正在处理一个分页和排序的表。我会发送一个更改page的操作，然后立即发送从服务器获取数据的操作。我脑海中有两个解决方案2)仅在成功后更新分页状态，因此在我的thunk中，在获得响应后，我会分派updatePagination操作。我当前在页面单击上的处理程序如下所示 onPag

浏览 0提问于2016-12-06得票数 1

1回答

使用语义UI React Table进行表分页

javascript、reactjs、semantic-ui

我有一个来自semantic-ui-react的组件，我使用它来呈现从模拟的api调用中获取的数据。我可能有X数量的行，所以我正在考虑添加分页。我已经找到了一些解决方案，但它们看起来太笨重了。有人能就如何处理简单的分页给出一些建议吗？假设我只想在每个页面上呈现5行数据。我如何才能做到这一点？我有一台。

浏览 16提问于2019-07-27得票数 2

2回答

分页中(n~n)的计算

javascript、angular、typescript、pagination、primeng

原始数据表分页(显示n到n)的计算 Showing 20 to 30 of 37 console.log(e); let currentpageCount = parseI

浏览 6提问于2017-05-25得票数 0

回答已采纳

1回答

行增量上的序列ID

reactjs、pagination、react-bootstrap

我正在我的react js应用程序中使用引导分页，现在我想在从第1行到第49行的所有行上显示序列ID递增。我的表格每页显示10条记录。代码： onPageChange(page, sizePerPage) { console.log("sizePerPage",sizePerPage

浏览 14提问于2019-02-07得票数 0

1回答

分页:在切换回页后在最后一页上做的更改

reactjs

因此，我有一个语义ui反应分页组件，并有一个回调函数handlePageChange。当我在第一页上做一些更改时，假设选择一些项并突出显示所选的项，然后转到下一页选择突出显示更多项。回到上一页之后，我的更改和高光都消失了。切换回先前访问的页面后，是否有办法保持高亮显示？这是我的handlePageChange代码 co

浏览 2提问于2020-09-16得票数 0

回答已采纳

2回答

选项将PrimeNG的Datatable组件的分页顶部和底部放置在

angular、pagination、paginator、primeng

有没有办法把分页器放在桌子的顶部和底部。我试着将分页器组件放在底部和顶部，但这不是同步。顶部和底部分页器充当两个不同的组件。有办法同步吗？="first" [totalRecords]="totalRecords" [pageLinkSize]="pageLinks" styleClass="ui-paginator-bottom" (onPageChangepaginate($event)" [r

浏览 4提问于2016-07-20得票数 3

回答已采纳

2回答

如何使用React将分页添加到长列表中？

javascript、reactjs、pagination、material-ui

我使用react + materialUI来实现列表和筛选功能。预期列表将从Http请求中填充，并且可以有大量的列表项。因此，我研究了MaterialUI文档中的分页，但是没有明确的实现。我想提供我的列表，并希望分页组件打破数据并显示在多个页面上。对如何处理这件事有什么帮助吗？编辑：我希望将列表项实现为一个可点击的组件，这样单击它就可以重

浏览 4提问于2020-05-13得票数 11

回答已采纳

1回答

分页-类型'void‘不能指定为键入'PageEvent’

angular、typescript、pagination

我试图创建一个分页垫分页器，但没有表。我现在的问题是，无法为我的分页方法输入'PageEvent‘来获得错误类型'void’。这就是我得到的： [length]="length" [pageSizeOptions]="pageSizeOptions" (page)="p

浏览 8提问于2021-12-21得票数 -1

回答已采纳

1回答

为什么来自React Router Dom的链接在返回时不刷新？

javascript、reactjs

我正在为我的应用程序创建一个简单的分页，一切都很好，直到我没有按下后退按钮。分页工作正常，但不会在后退或前进按钮上刷新。组件只是没有重新呈现。如何做到这一点？setPageSize] = useState(3); pageSize

浏览 34提问于2020-03-28得票数 0

回答已采纳

1回答

React Router如何动态更改url的搜索部分

reactjs、react-router、react-router-dom

嘿，我有自定义钩子来处理分页中的页面更改。它在这个钩子上使用history.push，我只想替换掉page="1"搜索的一部分。因此，我不会覆盖使用react路由器5.1.2进行的其余搜索 usePagination import { useHistory } from 'react-router-dom'; const history = useHistory(); const

浏览 84提问于2020-09-08得票数 0

回答已采纳

1回答

setState开始在React.js中递归工作

javascript、ajax、pagination、reactjs

我在其中插入两个组件-分页和表。当点击分页时，它会给出页数到框。方框状态更改，然后它呈现，然后分页呈现也。然后我将ajax设置为server，为表获取新数据，然后第二次使用Box呈现来呈现Tables。我应该把ajax逻辑放在哪个函数中呢？将来会有更多的组件出现在<Box/ >中，这将改变<Tables />。

浏览 2提问于2015-01-23得票数 0

回答已采纳

1回答

NG2-引导分页和引导表集成错误

typescript、pagination、angular、ng2-bootstrap

我正在尝试集成和引导表。我有一个带有ngFor指令的简单引导表： <th *ngFor="#col of cols">{{col.header}}</thead> <tr:我有一个名为data的数组，它包含表的一组条目。($event)">表<

浏览 5提问于2016-04-26得票数 4

回答已采纳

4回答

PrimeNG分页集页

angular、primeng

我正在使用一个角9项目内的primeng分页器组件来页面一个巨大的配置文件列表。如果用户在第3页上，打开配置文件并返回搜索，则当前页为1，但应该为3。我已将页面保存在服务中，因此显示了正确的数据，但分页器显示错误的页面。无法找到设置分页器当前页的方法。使用第一个属性不起作用。

浏览 8提问于2020-05-31得票数 8

回答已采纳

1回答

响应-引导表-拥有分页项的数量

javascript、reactjs、react-bootstrap-table

我正在使用来自react引导表的BootstrapTable和从外部API获取数据。每次我得到一个有30个物品的物体。我想告诉表我想要多少页-6-和每次onClick在分页项目，我将调用另一个API链接。我怎样才能做到这一点？onPageChange = page => { }; const options= { onPageChan

浏览 1提问于2018-08-16得票数 0

回答已采纳

2回答

带Redux/React的Material UI TablePagination处理

reactjs、redux、material-ui

我正在尝试管理MaterialUI表页的状态。我目前使用的是onChangePage属性，但这只允许我通过“添加”页面来导航，即只能在一个方向上导航，所以我不能返回到以前的页面。我的问题是，如何根据您单击的按钮选择事件类型，因为如果您单击两个页面按钮中的任何一个，它只会前进到下一页。这是表分页部分： component="div"

浏览 1提问于2018-04-16得票数 2

1回答

使用Mat-分页器和Mat-选项在HTML中观察到的分页

html、angular、angular-material、observable

我使用角度材料和可观察性来使用mat-paginator和mat-option创建异步列表(而不是使用表、客户端需求)。我想在HTML中对这个列表进行分页，但是使用可观察的流，而不是使用已分页的辅助数组的订阅和分配。length" [hidePageSize]="true" [pageSize]="5" (page)="onPageChange($event)"></mat-pa

浏览 2提问于2020-07-01得票数 0

1回答

如何同步两个独立的分页器的角度？

javascript、angular、pagination、primeng、prime-ui

我的角组件中有两个独立的p-分页器组件。我想让他们彼此同步。所以，如果我点击其中任何一个，另一个也应该被更新。当用户更改另一个分页器时，我尝试为分页器(未更改)触发changePage()事件，希望使它们同步，但结果并不理想，因为它形成了一个无限循环。 currentPageReportTemplate="Showing {curre

浏览 17提问于2022-10-27得票数 0

1回答

在循环中设置状态时调用的函数

javascript、reactjs

我在渲染器中有一个handlePageClick函数，如下所示：这些函数是： let values = [data.selected]由于某种原因，当我这样做的时候但是，当我在其他时间调用的其他函数中执行完全相同的操作时，它工作得很好。所以我

浏览 0提问于2020-01-19得票数 0

1回答

如何在天使语中使用分页？

javascript、jquery、angularjs、pagination、angular-ui-bootstrap

因此，我正在开发这个应用程序，在其中，我想应用分页的模板列表。我在页面上显示模板的缩略图，我想为这个页面应用分页。到目前为止，我已经尝试过遵循解决方案，但没有奏效。$scope.filteredTemplates = $scope.templatesList.slice(begin, end); 我的密码有什么问题吗

浏览 3提问于2016-03-18得票数 0

回答已采纳

点击加载更多