Menambahkan Kolom Nomor Urut ke DataTables di Laravel
Dalam banyak kasus, kita perlu menampilkan nomor urut pada setiap baris data yang ditampilkan di DataTables. Artikel ini akan memandu Anda untuk menambahkan kolom nomor urut ke DataTables di Laravel.
1. Instalasi DataTables
Pastikan Anda telah menginstal paket DataTables di proyek Laravel Anda. Jika belum, Anda dapat menginstalnya menggunakan Composer:
composer require yajra/laravel-datatables-oracle
2. Membuat Controller dan Model
Buat controller dan model untuk data yang ingin Anda tampilkan di DataTables. Contohnya, kita akan membuat controller PostController dan model Post.
PostController.php
ajax()) {
$data = Post::select('*');
return DataTables::of($data)
->addColumn('serial_number', function ($data) {
return $data->id; // Ganti id dengan kolom yang ingin Anda gunakan sebagai nomor urut
})
->rawColumns(['serial_number'])
->make(true);
}
return view('posts.index');
}
}
Post.php
3. Menambahkan Kolom Nomor Urut
Di dalam controller, kita menggunakan method addColumn() untuk menambahkan kolom baru yang bernama serial_number. Di dalam kolom ini, kita dapat mengambil data dari kolom lain pada model, seperti id, atau menentukan nilai secara manual.
->addColumn('serial_number', function ($data) {
return $data->id; // Ganti id dengan kolom yang ingin Anda gunakan sebagai nomor urut
})
4. Menampilkan DataTables
Di dalam view posts.index, kita dapat memanggil DataTables menggunakan {!! $dataTable->render() !!}.
posts/index.blade.php
@extends('layouts.app')
@section('content')
Daftar Post
Nomor Urut
Judul
Konten
@endsection
@push('scripts')
@endpush
5. Routing
Pastikan Anda telah menambahkan route untuk menampilkan data DataTables di routes/web.php.
Route::get('/posts', [PostController::class, 'index'])->name('posts.index');
Hasil Akhir
Setelah semua langkah di atas selesai, Anda akan mendapatkan DataTables dengan kolom nomor urut yang menampilkan data dari kolom id pada model Post. Anda dapat menyesuaikan kolom dan datanya sesuai kebutuhan.