Cara Merubah Format Angka ke format rupiah Data Tables

Jika Anda ingin menampilkan angka dalam format rupiah DataTables, tutorial ini cocok untuk Anda. Dengan menggunakan CodeIgniter dan Ajax, Anda dapat membuat CRUD yang menampilkan data secara profesional. Pertama, angka diformat sehingga pengguna dapat membacanya dengan mudah, membuat tabel tampak rapi dan informatif. Selain itu, penggunaan format rupiah membuat laporan transaksi lebih jelas, sehingga memudahkan admin dan pelanggan memahami nilai transaksi. Oleh karena itu, tutorial ini akan memandu Anda langkah demi langkah agar hasilnya optimal.

Membuat Fungsi JavaScript untuk Format Rupiah

Pertama-tama, buat fungsi JavaScript untuk mengubah angka menjadi format rupiah. Selanjutnya, terapkan fungsi ini di kolom DataTables yang menampilkan data transaksi. Dengan demikian, Sistem secara otomatis menampilkan angka dalam format Rupiah setiap kali tabel dimuat, sehingga pengguna dapat membacanya dengan mudah. Selain itu, integrasi Ajax memastikan CRUD bekerja secara real-time tanpa harus memuat ulang halaman. Oleh karena itu, pengalaman pengguna menjadi lebih nyaman dan efisien.

Mengatur Controller di CodeIgniter

Setelah itu, buat controller di CodeIgniter yang menangani permintaan Ajax. Controller ini akan mengambil data dari database, kemudian mengirimkannya ke DataTables dalam bentuk JSON. Dengan metode ini, proses membaca dan menampilkan data menjadi cepat. Selain itu, CRUD yang menggunakan Ajax meminimalkan interaksi halaman, sehingga mengurangi waktu loading dan meningkatkan performa aplikasi.

Memformat Kolom Angka dan Validasi

Kemudian, sistem akan memformat setiap kolom angka yang ditampilkan dengan fungsi rupiah. Dengan begitu, setiap data transaksi terlihat konsisten. Selanjutnya, Anda dapat menambahkan validasi input agar pengguna tidak mengirim angka yang salah format. Dengan cara ini, integritas data tetap terjaga, dan sistem CRUD bekerja lebih handal.

Tips Tambahan untuk Tampilan Profesional

Selain itu, tips tambahan agar aplikasi lebih profesional adalah: optimalkan DataTables dengan fitur pencarian dan paging, gunakan CSS untuk mempercantik tampilan tabel, dan pastikan website responsif di berbagai perangkat. Dengan demikian, pengguna dapat mengakses data transaksi dari komputer maupun smartphone tanpa masalah.

jika anda mempunyai data pada dataTable dan ingin di ganti format angka ke format rupiah.

code yang sederhana, sebetulnya sudah di sediakan pada plugin dataTables itu sendiri berikut codenya:

format rupiah datatables

    $('#table').DataTable({
      columnDefs: [    
          {
              targets: 0
              render: $.fn.dataTable.render.number( ',', '.', 2, 'Rp. ' )
          },
        ],
    });
});

penjelasan code di atas

targets : adalah nomor dari kolom datatables anda memulainya dengan angka 0

render : ada fungsi untuk merubah format isi kolom datatables anda

cukup mudah bukan cara merubah format angkat ke format rupiah dataTables selamat mencoba semoga berhasil.

Pelajari dokumentasi resmi DataTables di https://datatables.net/ untuk fitur lanjutan.