Filters

Properti filters memungkinkan Anda untuk menambahkan filter kustom pada tables. Filter ini memudahkan Anda untuk menghubungkan elemen HTML dengan tables untuk menyaring data sesuai dengan pilihan pengguna, tanpa perlu menulis logika tambahan secara manual.

Implementasi Filters

Untuk menambahkan filter pada tables, Anda cukup menggunakan properti filters dengan memberikan selector elemen input yang digunakan untuk menyaring data. Anda dapat menggunakan berbagai jenis elemen HTML sesuai kebutuhan.

<select id="status" class="form-control">
    <option value="" selected>Pilih Semua</option>
    <option value="aktif">Aktif</option>
    <option value="tidak-aktif">Tidak Aktif</option>
</select>

tables.create('#countriesTable', {
    url: 'http://localhost:8000/countries',
    columns: columns,
    filters: [{ name: 'status', el: '#status' }]
});

Implementasi Spesifik Event Filter

Secara umum penggunaan filter akan di trigger menggunakan event change dan telah dijadikan sebagai event default pada Iampact, namun apabila anda memerlukan event trigger lain, anda dapat menambahkan properti event.

tables.create('#countriesTable', {
    url: 'http://localhost:8000/countries',
    columns: columns,
    filters: [
        { name: 'status', el: '#status' },
        { name: 'category', el: '#category', event: 'click' }
    ]
});