Pagination adalah komponen yang digunakan untuk membagi data menjadi beberapa halaman, memudahkan navigasi dan meningkatkan performa aplikasi. Komponen ini bekerja bersama dengan FlatList untuk menampilkan data dalam format yang terstruktur dan mudah dinavigasi.
Beberapa keunggulan menggunakan Pagination:
Pagination bekerja secara otomatis dengan FlatList, menghitung jumlah halaman berdasarkan total data dan jumlah item per halaman yang ditentukan melalui atribut perpage.
<Nexa module="(FlatList,Components)" from="Tatiye"/>
<FlatList
data="user"
fields="id, nama, email, desa"
keyextractor="item"
page="brief"
perpage="3"
orderby="id DESC">
<div class="product-card">
<h3>ID:{item.id}</h3>
<h3>{item.nama}</h3>
<p>{item.email}</p>
<p>Added: {item.desa}</p>
</div>
</FlatList>
<Pagination
nx-path="exam/pagination/"
nx-current="brief"/>
Attribute | Description | Required |
---|---|---|
data | Table name in database | Yes |
fields | Comma-separated list of fields to select | Yes |
join | Join clause in format "TYPE:table:condition" | No |
where | WHERE clause for filtering | No |
orderBy | ORDER BY clause for sorting | No |
limit | Number of records to return | No |
keyExtractor | Variable prefix for template | Yes |
page | Number of records to return | No |
perpage | Number of records to return | No |