The problem with pagination in the data table
See original GitHub issueSteps to reproduce
Create a component within which there will be a data table Add the pagination option
Versions
What is expected ?
pops pagination
must auto-fill some default options, like as rowsPerPage
. This is the case if the data table is native
What is actually happening ?
User data completely replaces the standard value. Because of what the table does not display information. This is the case if the data table is in another component
As a consequence of the field, pageStart
and pageStop
are NaN
This leads to the fact that all elements are filtered out in filteredItems
Reproduction Link
Issue Analytics
- State:
- Created 6 years ago
- Comments:14 (12 by maintainers)
Top Results From Across the Web
Data-table jQuery pagination issue - Stack Overflow
I have more than 500 rows in data-table but pagination doesn't work properly and also data-table pagination showing
Read more >DataTables Pagination not working
I have a table whose data is populated from the back-end (Spring Boot) and displayed on the front-end using Thymeleaf.
Read more >Pagination using Datatables - GeeksforGeeks
Example 1: The following example demonstrates pagination using DataTables. In the HTML part, a table is defined with student's data.
Read more >Datatable pagination issue - Help - Livewire Forum
It's really weird. Steps to Reproduce: Open page with datatable, page loads find. Click on link for page 2, nothing happens (although the...
Read more >Datatable Search,sorting and pagination not working
p>*_Expected behavior - While loading the page, where one data table is there, it should show the table with default pagination, search and...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This is not a bug with the data table component. It’s simply a fact of life when using the .sync modifier. You must emit an update event in your component when the data table changes the pagination, since in your component, pagination is simply a prop which you can’t modify directly.
See here for a solution https://codepen.io/anon/pen/GmbwZa
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord