Addcolumn Datatable Laravel

MUAZHAN

5 min read

·

Jun 28, 2024

27

Share

Menambahkan Kolom ke DataTables di Laravel

DataTables adalah plugin jQuery yang sangat populer untuk menampilkan data dalam format tabel yang responsif dan mudah dinavigasi. Laravel, framework PHP yang populer, memiliki integrasi yang mulus dengan DataTables, memungkinkan Anda untuk dengan mudah menampilkan data dari model Eloquent Anda dalam format tabel yang indah.

Menambahkan Kolom Baru ke DataTables

Saat menggunakan DataTables di Laravel, Anda mungkin perlu menambahkan kolom tambahan ke tabel yang ditampilkan. Ada beberapa cara untuk melakukan ini, tergantung pada kebutuhan spesifik Anda. Berikut adalah beberapa metode umum:

1. Menambahkan Kolom Secara Manual

Anda dapat menambahkan kolom baru ke tabel DataTables secara manual dengan menggunakan metode addColumn di controller Anda. Metode ini memungkinkan Anda untuk menentukan nama kolom, data yang akan ditampilkan, dan fungsi yang akan digunakan untuk menghasilkan data tersebut.

// Dalam Controller Anda
public function index()
{
    $data = User::all();

    return datatables()
        ->of($data)
        ->addColumn('status', function ($user) {
            return $user->status === 1 ? 'Aktif' : 'Nonaktif';
        })
        ->make(true);
}

Kode di atas menambahkan kolom baru bernama 'status' ke tabel DataTables. Kolom ini menampilkan teks 'Aktif' atau 'Nonaktif' berdasarkan nilai status pengguna, menggunakan tag HTML untuk membuatnya lebih mudah dibaca.

2. Menambahkan Kolom dari Atribut Model

Jika kolom yang ingin Anda tambahkan adalah atribut dari model Eloquent Anda, Anda dapat menggunakan metode addColumns dari DataTables. Metode ini memungkinkan Anda untuk menambahkan beberapa kolom dengan mudah berdasarkan atribut model.

// Dalam Controller Anda
public function index()
{
    $data = User::all();

    return datatables()
        ->of($data)
        ->addColumns([
            'name' => 'name',
            'email' => 'email',
            'created_at' => 'created_at',
        ])
        ->make(true);
}

Kode ini menambahkan tiga kolom baru: 'name', 'email', dan 'created_at' ke tabel DataTables, langsung dari atribut model User.

3. Menambahkan Kolom dengan Helper addColumn

Laravel menyediakan helper addColumn untuk mempermudah menambahkan kolom ke tabel DataTables. Helper ini memungkinkan Anda untuk menentukan nama kolom dan data yang akan ditampilkan, mirip dengan metode addColumn di controller.

// Dalam Controller Anda
public function index()
{
    $data = User::all();

    return datatables()
        ->of($data)
        ->addColumn('full_name', function ($user) {
            return $user->first_name . ' ' . $user->last_name;
        })
        ->make(true);
}

Kode ini menambahkan kolom baru bernama 'full_name' ke tabel DataTables, menampilkan nama lengkap pengguna yang dihitung dari atribut first_name dan last_name.

Tips Tambahan

• Anda dapat menggunakan berbagai tag HTML di dalam fungsi addColumn untuk memformat data yang ditampilkan dalam tabel.
• Untuk meningkatkan performa, Anda dapat menggunakan metode select di model Eloquent Anda untuk hanya mengambil kolom yang diperlukan untuk tabel DataTables.
• Anda dapat menggunakan metode rawColumns untuk menentukan kolom mana yang tidak harus diproses oleh DataTables, seperti kolom yang mengandung tag HTML.

Kesimpulan

Menambahkan kolom ke DataTables di Laravel sangat mudah dengan berbagai metode yang tersedia. Dengan menggunakan metode yang sesuai, Anda dapat dengan mudah menampilkan informasi tambahan yang Anda perlukan dalam tabel DataTables, membuat tabel Anda lebih informatif dan user-friendly.