q-pagination not work with server side q-table

See original GitHub issue

Describe the bug When using q-pagination with a q-table that get data from server, pagination changes not send request to method specified for @request of q-table. I see examples of separate q-pagination in documentation and produce an CodePen so you can see example not work.

Codepen https://codepen.io/husseinjahan/pen/yLzeNdz

To Reproduce Steps to reproduce the behavior:

  1. Go to CodePen example
  2. Under the q-table change pagination
  3. Nothing happens

Expected behavior Inline pagination in table works properly but q-pagination changes dows not affect to q-table. I think after changing page in q-pagination a request must send to server (@request method)

Platform (please complete the following information): Quasar Version: 2.3.3 @quasar/app Version: 3.2.4

Quasar mode:

  • SPA
  • SSR
  • PWA
  • Electron
  • Cordova
  • Capacitor
  • BEX
  • Vite Plugin

Additonal Info:

  • Typescript
  • SFC usage with <script setup>
  • Vuex
  • Prettier (eslint)
  • Standard (eslint)

Tested on:

  • SPA
  • SSR
  • PWA
  • Electron
  • Cordova
  • Capacitor
  • BEX

OS: Node: 14.18.2 NPM: 6.14.15 Yarn: 1.22.4 Browsers: chrome, edge iOS: Android: Electron:

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:8

github_iconTop GitHub Comments

2reactions
pdanpdancommented, Jan 2, 2022

In the case of server side data with external pagination you need to call requestServerInteraction https://codepen.io/pdanpdan/pen/PoJRdMz?editors=1010

1reaction
pdanpdancommented, Jan 2, 2022

It is in the methods list in QTable API docs

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to implement Quasar q-table with server-side pagination?
I am trying to implement server-side pagination for a Quasar QTable, using Vuex and Django Rest Framework as the backend.
Read more >
Q-Table Server-Side Pagination Sync - Quasar forum
So far, my data populates the table as one giant data dump (over 50,000 rows). This causes the page to freeze for a...
Read more >
Quasar's QTable: The ULTIMATE Component (3/6) - Loading ...
This is why I build the https://table.quasarcomponents.com/dogs api! So we can easily play with server side pagination.
Read more >
Table | Quasar Framework
QTable is a component that allows you to display data in a tabular manner. It's generally called a datatable. It packs the following...
Read more >
Frequently Asked Questions - DataTables
Q. Does DataTables work with platform X / server framework Y A. DataTables is a Javascript library, so the server-side environment doesn't matter....
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