question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The problem with pagination in the data table

See original GitHub issue

Steps 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 screenshot_20170530_145640

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 screenshot_20170530_145846 As a consequence of the field, pageStart and pageStop are NaN screenshot_20170530_150117 This leads to the fact that all elements are filtered out in filteredItems

Reproduction Link

https://codepen.io/cawa-93/pen/qmzpZW?editors=1010

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:14 (12 by maintainers)

github_iconTop GitHub Comments

2reactions
nekosaurcommented, May 30, 2017

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

0reactions
lock[bot]commented, Apr 16, 2019

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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found