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

Jaranguda

Belajar Mengajar

  • Home
  • Sponsor/Jasa
  • Tentang
Home » Menggunakan Datatables di Laravel 5.1 LTS

Menggunakan Datatables di Laravel 5.1 LTS

Last Updated on 7 July 2015 By tommy 11 Comments

Install package Datatables di Laravel dengan cara

composer require yajra/laravel-datatables-oracle:~5.0

Buka file config/app.php
dibagian providers tambahkan

yajra\Datatables\DatatablesServiceProvider::class,

aliases tambahkan

'Datatables' => yajra\Datatables\Datatables::class,

file lengkap app.php bisa dilihat disini

Databasenya kita masih menggunakan database dari tutorial Membuat Pagination di Laravel 5.

Model

Buat model baru dengan nama Orang.php

<?php
namespace App;
 
use Illuminate\Database\Eloquent\Model;
 
class Orang extends Model
{
    protected $table = 'dborang';
 
}

Controller

Buat controller baru dengan nama OrangController.php

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use App\Orang;
use App\Http\Requests;
use App\Http\Controllers\Controller;
use Datatables;
 
class OrangController extends Controller
{
 
    public function index()
    {
        return view('orang');
    }
 
    public function getData()
    {
        $users = Orang::select(['id','Name','Country']);
        return Datatables::of($users)->make();
    }
 
}

View

Buat view baru dengan nama orang.blade.php

<!DOCTYPE html>
<html lang="">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Datatables di Laravel 5 &raquo; Jaranguda.com</title>
		<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
		<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet">
		<script src="//code.jquery.com/jquery.js"></script>
		<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
		<script type="text/javascript">
		$(document).ready(function() {
		        $('#orang').DataTable({
		            processing: true,
		            serverSide: true,
		            ajax: '{{ url("orang/data") }}'
		        });
		    });
		</script>
	</head>
	<body>
 
		<div class="container">
 
			<h3>Orang</h3>
			<hr>
 
		 	<table id="orang" class="table table-bordered table-hover">
			    <thead>
			    <tr>
			        <th>id</th>
			        <th>Name</th>
			        <th>Country</th>
			    </tr>
			    </thead>
			</table>
 
		</div>
 
	</body>
</html>

Route

Edit file route app/Http/routes.php tambahkan dibagian paling bawah

Route::get('orang', '[email protected]');
Route::get('orang/data', '[email protected]');

Coba akses di browser url di route tersebut, di komputer saya berada di http://localhost/dev/public/orang, hasilnya
laravel 5 datatables

Tulisan menarik lainnya

  • Aplikasi CRUD di Laravel 5

    Untuk Laravel 5.5 bisa dilihat di Contoh Script PHP CRUD di Laravel 5.5 Disini kita…

  • Membuat Combobox atau Dropbox di Laravel 5

    Controller dan Model yang akan kita gunakan sama dengan yang ada di tulisan Aplikasi CRUD…

  • Menampilkan Nomor Baris di Datatables

    Setelah sebelumnya saya menulis tutorial Menggunakan Datatables di Laravel 5.1 LTS, kali ini adalah cara…

  • Membuat Pagination di Laravel 5

    Pertama kita akan membuat database dummy (contoh), buat database baru dengan nama Tutorial, import data…

Filed Under: PHP Tagged With: Belajar Laravel 5

Reader Interactions

Comments

  1. Nabiel says

    11 January 2016 at 11:42

    Mantap tutorialnya. Saya ada satu pertanyaan. saya mau menambahkan button “edit” dan “delete” di kolom baru. Di “return value” nya di fungsi “addColumn”, saya langung masukan blade syntax ( contoh: {!! Form !!} ) tp bgtu saya liat di tampilannya blade syntaxnya hanya muncul sebagai text biasa ( tidak menjadi fungsi form). Saya sudah coba untuk memisahkan blade syntax nya di file blade baru (agar blade syntaxnya bisa terbaca) dan return nya menggunakan fungsi “view()” seperti dibawah ini tp begitu saya lihat tampilan nya hanya memunculkan [object Object] di kolom action. Mohon bantuannya. Terima kasih.

    return Datatables::of($items)
    ->addColumn(‘action’, function($item){
    return view(‘home.partial_items’, compact(‘item’));
    })
    ->make(true);

    Reply
  2. guntur says

    2 December 2015 at 14:37

    tanya, kenapa tabel saya tidak muncul dengan alamat
    http://localhost/gtptest6/public/orang
    tetapi jika dengan alamat
    http://localhost/gtptest6/public/orang/data
    munculnya
    {“draw”:0,”recordsTotal”:40,”recordsFiltered”:40,”data”:[[“1″,”Aubrey”,”Cambodia”],[“2″,”Gloria”,”Saint Pierre and Miquelon”],[“3″,”Amery”,”Turkmenistan”],[“4″,”Robert”,”Zimbabwe”],[“5″,”Ifeoma”,”Namibia”],[“6″,”Hoyt”,”Chile”],[“7″,”Yeo”,”Brunei”],[“8″,”Erich”,”Marshall Islands”],[“9″,”Amber”,”Finland”],[“10″,”Ifeoma”,”Cura\u00e7ao”],[“11″,”Sybill”,”Antigua and Barbuda”],[“12″,”Alice”,”Saint Lucia”],[“13″,”Edan”,”Bermuda”],[“14″,”Keely”,”Nicaragua”],[“15″,”Lee”,”Antigua and Barbuda”],[“16″,”Brenda”,”Tanzania”],[“17″,”Nell”,”Romania”],[“18″,”Meghan”,”Serbia”],[“19″,”Lisandra”,”Japan”],[“20″,”Aimee”,”Korea, South”],[“21″,”Cassidy”,”Egypt”],[“22″,”Reagan”,”Mayotte”],[“23″,”Medge”,”Mauritius”],[“24″,”Leo”,”Guam”],[“25″,”Aidan”,”Rwanda”],[“26″,”Eugenia”,”El Salvador”],[“27″,”Grace”,”Burkina Faso”],[“28″,”Vernon”,”Nicaragua”],[“29″,”Barry”,”Sierra Leone”],[“30″,”Amber”,”Liberia”],[“31″,”Renee”,”Togo”],[“32″,”Ivan”,”Azerbaijan”],[“33″,”Brynne”,”Cambodia”],[“34″,”Shaeleigh”,”Oman”],[“35″,”Patrick”,”Tuvalu”],[“36″,”Avram”,”Macedonia”],[“37″,”Uma”,”Georgia”],[“38″,”Valentine”,”El Salvador”],[“39″,”Susan”,”Cape Verde”],[“40″,”Hanna”,”Malawi”]],”queries”:[{“query”:”select count(*) as aggregate from (select ‘1’ as `row_count` from `dborang`) count_row_table”,”bindings”:[],”time”:0.38},{“query”:”select `id`, `Name`, `Country` from `dborang`”,”bindings”:[],”time”:0.19}],”input”:[]}

    apakah css saya tidak bekerja?

    Reply
    • tommy says

      3 December 2015 at 14:24

      itu datanya muncul, harusnya juga muncul di /public/orang tabel tidak muncul maksudnya hanya blank/layar putih atau gimana?
      di Controller sama View udah dibuat belum

      Reply
      • guntur says

        19 December 2015 at 09:32

        maaf baru , kesalahan pada pemanggilan jquery. karena saya merubah jquery jadi ke local komputer

        terima kasih

        Reply
  3. tio says

    21 October 2015 at 15:04

    composer require yajra/laravel-database-oracle:~5.
    0
    ./composer.json has been created
    Loading composer repositories with package information
    Updating dependencies (including require-dev)
    Your requirements could not be resolved to an installable set of packages.

    Problem 1
    – The requested package yajra/laravel-database-oracle could not be found in
    any version, there may be a typo in the package name.

    Potential causes:
    – A typo in the package name
    – The package is not available in a stable-enough version according to your min
    imum-stability setting
    see f
    or more details.

    Read for further commo
    n problems.

    Installation failed, deleting ./composer.json.

    Reply
    • tommy says

      22 October 2015 at 11:54

      salah ketik tuh harusnya
      composer require yajra/laravel-datatables-oracle:~5.0
      bukan
      composer require yajra/laravel-database-oracle:~5.0

      Reply
  4. Agung says

    27 August 2015 at 16:51

    kalo misalnya pake mysql, pas install package Datatables nya tetep composer require yajra/laravel-datatables-oracle:~5.0 atau oracle nya dirubah? maaf nubi nanya.

    Reply
    • tommy says

      28 August 2015 at 09:03

      ga masalah, ia tetap pake yang itu. contoh diatas saya jalanin pake MySQL juga.

      Reply
  5. chandra says

    17 August 2015 at 01:01

    mantaap mas tutorialnya,, saya lgsg sukses sekali coba :D
    oia mas mw tanya, kalau kita mw nambahin 1 kolom terakhir misalnya untuk edit dan hapus datanya bagaimana ya mas?

    Terimakasih

    Reply
    • tommy says

      19 August 2015 at 12:29

      sama aja kaya biasa, coba search disini crud

      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 Playwright Firefox version `GLIBCXX_3.4.30′ not found (required by /lib64/libicuuc.so.69)
  • Cara Upgrade Fedora 35 ke Fedora 36
  • Ekstrak Gzip File dan Ambil Total dengan Python
  • Cara Menggunakan filter dengan Fluentd
  • Cara Membuat Public dan Private Key SSH untuk Login Server

Komentar

  • one on Solusi Error EFAKTUR ETAXSERVICE-20017 Client Tidak Terdaftar
  • Rafik on Password Terbaru ZTE F609 Indihome
  • Akbar Alfayiz on Password Terbaru ZTE F609 Indihome
  • Achmad mujaeni on Kemana Menghilangnya Saldo BCA 50 ribu
  • tommy on Cara Mengatasi SSH Error REMOTE HOST IDENTIFICATION HAS CHANGED

Tulisan Populer

  • Password Router Huawei HG8245H5 Indihome 1m views
  • Password Terbaru ZTE F609 Indihome 780.9k views
  • Password Superadmin Huawei HG8245A 290k views
  • Cara Setting Manual Modem GPON ZTE F609 Indihome 266.8k views
  • Cara Setting Wireless ZTE F609 Indihome 249.8k views
  • Mengaktifkan Port LAN di Huawei HG8245 Indihome 164.6k views
  • Akses UseeTV Indihome via Wireless ZTE F609 154.5k views
  • Cara Reset Password ZTE F609 Indihome 145.7k views
  • Kemana Menghilangnya Saldo BCA 50 ribu 132k views
  • Cara Setting DHCP Server Modem/Router ZTE F609 108.3k views

Kategori

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

Sponsor

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