Fixed Header

Tambahkan properti tableFixedHeader dengan nilai true untuk mengaktifkan Fixed Header Table.

{
  "pageType": "crud",
  "pageTitle": "KIBB",
  "crudOpt": {
    "endpointName": "http://localhost:5000/LKI_MASTER_KIBB",
    "detailFromGrid": true,
    "serverSideGrid": true,
    "tableFixedHeader": true,
    "tableFixedHeaderScrollHeight": "60vh"
  }
}

Properti tableFixedHeaderScrollHeight untuk mengatur tinggi dari tabel yang akan di scroll, diisi dengan string ukuran misal "200px" atau "40vh".

Menambahkan properti tableFixedHeader dengan nilai true maka membuat header tabel tetap (fixed) di bagian atas halaman saat pengguna menggulir melalui isi tabel. Dengan mengaktifkan properti ini, pengguna dapat tetap melihat header tabel bahkan ketika bagian konten lainnya bergulir ke bawah. Ini dapat meningkatkan pengalaman pengguna terutama pada tabel yang memiliki banyak data.

tableFixedHeaderScrollHeight untuk menyesuaikan tinggi area pengguliran di sekitar header tabel yang tetap. Dengan menentukan nilai untuk tableFixedHeaderScrollHeight, pengembang dapat mengontrol seberapa banyak ruang vertikal diperlukan untuk memuat header tetap tersebut.

Last updated