> For the complete documentation index, see [llms.txt](https://saba-framework.gitbook.io/saba-framework-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://saba-framework.gitbook.io/saba-framework-documentation/examples/table/serverside-pagination.md).

# Serverside Pagination

Contoh konfigurasi pada json seperti ini:

```json
{
  "pageType": "crud",
  "pageTitle": "KIBB",
  "crudOpt": {
    "endpointName": "http://localhost:5000/LKI_MASTER_KIBB",
    "detailFromGrid": true,
    "serverSideGrid": true
  }
}

```

{% embed url="<https://drive.google.com/file/d/1TFArwOUFJ65_LDMcB4cvl68YO_nkxr8W/view?usp=sharing>" %}

Ketika menambahkan properti serverSideGrid dengan nilai true maka :&#x20;

* Proses pengaturan, pemfilteran, dan pemotongan data terjadi di sisi server.
* Hanya sejumlah data yang diperlukan dikirim ke klien sesuai dengan permintaan halaman tertentu.
* Mengurangi beban bandwidth dan meningkatkan kinerja karena hanya sejumlah data terbatas yang dikirimkan.
* Menyebabkan penundaan ketika pengguna berpindah antar halaman karena perlu mengirim permintaan ke server setiap kali.

Sementara itu, jika properti serverSideGrid tidak ditambahkan atau memiliki nilai false, maka :&#x20;

* Proses pengaturan, pemfilteran, dan pemotongan data terjadi di sisi klien (browser).
* Seluruh kumpulan data dikirim ke klien sebelum halaman atau data yang ditampilkan diatur.
* Responsif dan cepat karena hanya memerlukan permintaan satu kali ke server untuk mendapatkan seluruh data.
* Beban lebih besar pada klien karena harus menangani dan memproses seluruh set data.