• 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

  • Solusi helm Upgrade Failed
  • macOS package is untrusted
  • Cara Mengganti Port Screen Sharing macOS
  • Cara Menonaktifkan Pager di macOS
  • Cara Mengupdate Nama Apple silicon-as-a-Service Scaleway

Komentar

  • Beritalogi on Cara Redirect Domain di Cloudflare
  • Putu on Cara Setting TP-LINK EN020-F5 Sebagai Range Extender
  • Budi on Solusi Simple Queue Mikrotik Tidak Berjalan
  • mazda on Tutorial Lengkap Install Mail Server Postfix Dovecot MariaDB di CentOS 7
  • adi on Menggunakan Mikrotik Sebagai SSH Client

Tulisan Populer

  • Password Router Huawei HG8245H5 Indihome 1.2m views
  • Password Terbaru ZTE F609 Indihome 785k views
  • Password Superadmin Huawei HG8245A 322.7k views
  • Cara Setting Manual Modem GPON ZTE F609 Indihome 273.9k views
  • Cara Setting Wireless ZTE F609 Indihome 258.3k views
  • Mengaktifkan Port LAN di Huawei HG8245 Indihome 170.7k views
  • Akses UseeTV Indihome via Wireless ZTE F609 157.1k views
  • Kemana Menghilangnya Saldo BCA 50 ribu 156.2k views
  • Cara Reset Password ZTE F609 Indihome 147.9k views
  • Cara Setting DHCP Server Modem/Router ZTE F609 114.3k 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