• 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 Menonaktifkan Pager di macOS
  • Cara Mengupdate Nama Apple silicon-as-a-Service Scaleway
  • Cara Force Delete Namespace di Kubernetes
  • Install PHP MariaDB di Mac Monterey
  • MacOS Minta Install Git

Komentar

  • Ari on Cara Mematikan SSID Molecool Balifiber
  • kiki anarki on Mengambil Data dari Situs BPJS Ketenagakerjaan dengan PHP cURL
  • musgan on Password Router Huawei HG8245H5 Indihome
  • ghabily on Mengambil Informasi Router Alcatel Lucent G-241W-A dengan PHP
  • nea on Mencari urutan angka yang hilang di PHP

Tulisan Populer

  • Password Router Huawei HG8245H5 Indihome 1.1m views
  • Password Terbaru ZTE F609 Indihome 784k views
  • Password Superadmin Huawei HG8245A 314k views
  • Cara Setting Manual Modem GPON ZTE F609 Indihome 272.2k views
  • Cara Setting Wireless ZTE F609 Indihome 256k views
  • Mengaktifkan Port LAN di Huawei HG8245 Indihome 169k views
  • Akses UseeTV Indihome via Wireless ZTE F609 156.5k views
  • Kemana Menghilangnya Saldo BCA 50 ribu 150.1k views
  • Cara Reset Password ZTE F609 Indihome 147.2k views
  • Cara Setting DHCP Server Modem/Router ZTE F609 112.8k 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