programing

PrimeVue: 서버 측 페이지 수가 있는 DataTable

prostudy 2022. 7. 31. 21:20
반응형

PrimeVue: 서버 측 페이지 수가 있는 DataTable

PrimeVue의 DataTable에서 서버측을 사용하여 페이지화를 구현하려고 합니다.https://www.primefaces.org/primevue/showcase-v2/#/datable/http:/datable/http:/http://http://http:/덮어쓸 수 있는 기능이나 API 호출을 위해 대체할 수 있는 기능이 있다고 생각합니다만, 이에 대한 정보를 찾을 수 없습니다.

PrimeVue의 DataTable 서버 측 페이지 매기는 어떻게 합니까?

나 Vue2야.

서버측에서 페이지 접속을 원하는 경우API이에 대한 응답은 더 단순해야 하며 매개 변수page=1page=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

반응형