반응형
PrimeVue: 서버 측 페이지 수가 있는 DataTable
PrimeVue의 DataTable에서 서버측을 사용하여 페이지화를 구현하려고 합니다.https://www.primefaces.org/primevue/showcase-v2/#/datable/http:/datable/http:/http://http://http:/덮어쓸 수 있는 기능이나 API 호출을 위해 대체할 수 있는 기능이 있다고 생각합니다만, 이에 대한 정보를 찾을 수 없습니다.
PrimeVue의 DataTable 서버 측 페이지 매기는 어떻게 합니까?
나 Vue2야.
서버측에서 페이지 접속을 원하는 경우API
이에 대한 응답은 더 단순해야 하며 매개 변수page=1
page=1, page=2 등이 될 수 있습니다(1과 2가 파라미터가 됩니다).몇 개의 레코드가 저장될지를 사용하여 로직을 구현할 수 있습니다.per_page
그리고 몇 개total
레코드 수, 이 정보를 사용하여 페이지 번호 링크를 얻을 수 있습니다.
{
"data": [
{
"id": 1,
"name": "Arslan.",
"email": "arslan@example.com",
},
{
"id": 2,
"name": "Suliman",
"email": "sl@example.com",
}
],
"links":{
"first": "http://example.com/pagination?page=1",
"last": "http://example.com/pagination?page=1",
"prev": null,
"next": null
},
"meta":{
"current_page": 1,
"from": 1,
"last_page": 1,
"path": "http://example.com/pagination",
"per_page": 15,
"to": 10,
"total": 10
}
}
언급URL : https://stackoverflow.com/questions/64210494/primevue-datatable-with-server-side-pagination
반응형
'programing' 카테고리의 다른 글
스토어 모듈을 구독하는 방법 (0) | 2022.08.01 |
---|---|
메서드 값을 다른 컴포넌트에 전달하다 (0) | 2022.07.31 |
오류 LNK2005: xxx가 MSVCRT.lib(MSVCR100.dll) C:\something\에 이미 정의되어 있습니다.LIBCMT.lib(setlocal.obj) (0) | 2022.07.31 |
Vuetify - 확인란 그룹을 올바르게 검증하는 방법 (0) | 2022.07.31 |
NUXT - 리소스 로드 실패: 서버가 404 상태로 응답했습니다. (0) | 2022.07.31 |