• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jaranguda

Belajar Mengajar

  • Home
  • Sponsor/Jasa
  • Tentang

Menampilkan Nomor Baris di Datatables

Last Updated on 27 August 2015 By tommy 1 Comment

Setelah sebelumnya saya menulis tutorial Menggunakan Datatables di Laravel 5.1 LTS, kali ini adalah cara untuk menambahkan nomer baris di tabel Datatables.

Lihat orang.blade.php di tutorial tersebut terutama dibagian

<script type="text/javascript">
$(document).ready(function() {
		$('#orang').DataTable({
			processing: true,
			serverSide: true,
			ajax: '{{ url("orang/data") }}'
		});
	});
</script>

ubah menjadi

<script type="text/javascript">
$(document).ready(function() {
		$('#orang').DataTable({
			processing: true,
			serverSide: true,
			ajax: '{{ url("orang/data") }}',
			"fnCreatedRow": function (row, data, index) {
			$('td', row).eq(0).html(index + 1);
			}
		});
	});
</script>

dan bagian

<table id="orang" class="table table-bordered table-hover">
	<thead>
	<tr>
		<th>id</th>
		<th>Name</th>
		<th>Country</th>
	</tr>
	</thead>
</table>

menjadi

<table id="orang" class="table table-bordered table-hover">
	<thead>
	<tr>
		<th>#</th>
		<th>Name</th>
		<th>Country</th>
	</tr>
	</thead>
</table>

datatables nomor urut id

Hasil yang ditampilkan sama saja, karena sebelumnya data yang kita miliki memiliki id yang berurutan. Yang perlu di ingat untuk menampilkan nomor urut di datatables adalah di tabel harus ditambahkan satu kolom untuk tempat no urut, jumlah data yang diambil dari ajax: '{{ url("orang/data") }}' jumlah kolom sama dengan database.

Contoh anda hanya ingin menampilkan data Name maka di OrangController.php akan berisi

$users = Orang::select(['Name']);

dan tabelnya

<table id="orang" class="table table-bordered table-hover">
	<thead>
	<tr>
		<th>#</th>
		<th>Name</th>
	</tr>
	</thead>
</table>

cara ini akan gagal
error datatables jumlah kolom
karena jumlah kolom di ajax: '{{ url("orang/data") }}' solusinya dengan mengubah controller menjadi

$users = Orang::select(['id', 'Name']);

atau

$users = Orang::select(['country', 'Name']);

penamaan kolom pertama tidak berpengaruh, karena isi kolom tersebut akan ditimpa oleh nomor urut.

Tulisan menarik lainnya

  • Menampilkan Data Klasemen Liga Indonesia di WordPress

    Cara mudah untuk menampilkan klasemen Liga Indonesia di blog, website adalah dengan menggunakan iframe, sebagai…

  • Menampilkan Debug Error di Laravel 5

    Daripada hanya melihat tampilan atau hanya halaman kosong (blank page), lebih mudah untuk mencari salahnya…

  • Menambahkan Nomer Baris Tabel di Laravel 5

    Contoh sederhana memasukkan data ke tabel di Laravel 5. Client Code Client Name @foreach ($client…

  • Menggunakan Datatables di Laravel 5.1 LTS

    Install package Datatables di Laravel dengan cara composer require yajra/laravel-datatables-oracle:~5.0 Buka file config/app.php dibagian providers…

Filed Under: PHP Tagged With: Belajar Laravel 5, Datatables

Reader Interactions

Comments

  1. muhamad dadang says

    2 November 2019 at 16:08

    Bagaimana menampilkan no urut yang di isi manual dengan contoh susunan seperti ini, gambar, no, sumber..
    Saya bermasalah di pengurutan no setiap kelipatan 4 selalu bermasalah misal. 4 dlu baru 1,2 dan 3

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Pencarian

Tanya Jawab tentang DevOps SRE CPE, gabung di https://t.me/devopsindonesia

Terbaru

  • Cara Buat atau Update UID User Docker Image
  • Solusi helm Upgrade Failed
  • macOS package is untrusted
  • Cara Mengganti Port Screen Sharing macOS
  • Cara Menonaktifkan Pager di macOS

Komentar

  • Vrvr on Kemana Menghilangnya Saldo BCA 50 ribu
  • Ngga tau on Password Terbaru Router Alcatel Lucent Bali Fiber
  • Afid Arifin on Cara Lengkap Install aaPanel di Linux Ubuntu
  • Iqu on Review ISP Fiber Optik Balifiber
  • Sarah on Kemana Menghilangnya Saldo BCA 50 ribu

Tulisan Populer

  • Password Router Huawei HG8245H5 Indihome 1.3m views
  • Password Terbaru ZTE F609 Indihome 786.4k views
  • Password Superadmin Huawei HG8245A 334.7k views
  • Cara Setting Manual Modem GPON ZTE F609 Indihome 276.1k views
  • Cara Setting Wireless ZTE F609 Indihome 261.4k views
  • Mengaktifkan Port LAN di Huawei HG8245 Indihome 172.9k views
  • Kemana Menghilangnya Saldo BCA 50 ribu 166.1k views
  • Akses UseeTV Indihome via Wireless ZTE F609 157.7k views
  • Cara Reset Password ZTE F609 Indihome 148.7k views
  • Cara Setting DHCP Server Modem/Router ZTE F609 116k views

Kategori

  • Delphi
  • dll
  • Gambas
  • Internet
  • Java
  • Lazarus
  • Linux
  • PHP
  • Review
  • Teknologi

Sponsor

kadal.id
carakami.com
kuotabisa.com
Untuk jadi sponsor, hubungi kita lewat halaman sponsor
© 2021. Jaranguda
  • Linux
  • PHP
  • Internet
  • Teknologi
  • Delphi
  • Gambas
  • Java