Halo Codeigniter Lover’s, masih berkutat mengenai Tutorial Codeigniter 4 Server Side Datatables yang telah saya bahas pada sesi tutorial sebelumnya, pada kesempatan kali ini akan kita uraikan bagaimana cara menambahkan Kolom Tombol Action Pada Codeigniter 4 Server Side Datatables.
Adapun manfaat dari menambahkan kolom action pada Codeigniter server side datatables ini tentunya akan membantu kita untuk dapat menambahkan tombol-tombol yang dibutuhkan dalam mengolah data ataupun sekedar melakukan preview detail data yang terpilih melalui sebuah tombol yang sengaja disertakan pada kolom action.
Seperti sudah saya uraikan pada tutorial sebelumnya, bahwa untuk mengolah data pada Codeigniter 4 dalam bentuk datatable disini saya memanfaatkan sebuah library yang telah dibuat oleh Hermawan Ramadhan. Pasalnya untuk menggunakan library ini disuguhkan secara gratis oleh sipembuat sehingga memudahkan kita dapat mengolah data dalam bentuk datatable.
Masih mengikuti petunjuk langsung dari pembuat library Codeigniter 4 Server Side Datatables, dan tentu saja untuk dapat menggunakan library Codeigniter 4 Server Side Datatables ini Anda diharuskan melakukan instalasi terlebih dahulu pada project Codeigniter 4. Melalui jendela Terminal/ Command Prompt anda dapat menginstal dengan perintah composer seperti berikut.
composer require hermawan/codeigniter4-datatables
Nah untuk dokumentasi lengkapnya Anda dapat mengunjungi link disini.
Menambahkan Kolom Tombol Action Pada Codeigniter 4 Server Side Datatables
Setelah berhasil melakukan instalasi serta integrasi library Codeigniter 4 Server Side Datatables pada project Codeigniter 4 Anda, selanjutnya untuk menambahkan kolom tombol action Anda dapat menambahkan baris perintah berikut.
->add('action', function($row){ return '<button type="button" class="btn btn-primary btn-sm" onclick="alert(\'edit pegawai: '.$row->nama.'\') ><i class="fas fa-edit"></i></button>'; }, 'last')
Sehingga secara lengkapnya seperti berikut :
public function ajaxDataTables() { $db = db_connect(); $pegawai = $db->table('pegawai')->select('nama, tanggal_lahir, pekerjaan, email, alamat'); return DataTable::of($pegawai) ->addNumbering() ->add('action', function($row){ return '<button class="btn btn-sm btn-info import" onclick="alert(\'edit pegawai: '.$row->nama.'\')"><i class="fa fa-edit"></i></button>'; }, 'last')->toJson(); }
Jika berjalan dengan baik, maka akan Anda jumpai tombol pada kolom aksi pada datatables project Codeigniter 4 seperti berikut ini.
Selesai. Nah diatas adalah langkah-langkah untuk menambahkan fitur tombol action pada library Codeigniter 4 Server Side Datatables, semoga tutorial singkat ini dapat menambah manfaat bagi siapa saja yang membutuhkan, terimakasih and happy coding.