Laravel 8 Yajra Datatable Example Tutorial

Today I will show you laravel 8 yajra datatable example tutorial. Datatable provides user to many functionalities like search button, custom button, responsive table, search records, filter data, pagination etc. In this example we will see how to install / use datatable in laravel 6/7/8.

Also we are perform laravel 8 crud operation in datatable. laravel 8 datatables with server side. laravel-yajra datatable example.

Yajra datatable is one of the the famous package in laravel 6/7/8 and php. Datatables is basically jquery plugins that allows you to add advanced interaction controls to your HTML tables data. Datatables also provide ajax for data searching and getting.

So, let's start laravel 8 yajra datatable example tutorial.

Step 1 : Create new project in laravel 8

We are creating new project setup for this example. So, create new project using below command.

composer create-project --prefer-dist laravel/laravel demo



Step 2 : Install Yajra Datatable Package

Run the following command in your project to get the latest version of the datatable package.

composer require yajra/laravel-datatables-oracle

After that you need to add providers and alias in your project's config/app.php file

'providers' => [

'aliases' => [
    'DataTables' => Yajra\DataTables\Facades\DataTables::class,


Step 3 : Create Some Dummy Records Using Tinker

After adding aliases and providers are adding some dummy records in databse using below command.

php artisan tinker

factory(App\User::class, 100)->create();



Step 4 : Add New Route

Now in this step we are creating new route for datatable example in this path Routes/web.php

Route::get('users', ['uses'=>'App\Http\Controllers\UserController@index', 'as'=>'users.index']);


Step 5 : Create Controller For Datatable

After adding route we need to create controller to manage layout and getting data request and return response, follow below command for create controller

php artisan make:controller UserController

After this we need to add below code in this path app/Http/Controllers/UserController.php

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\User;
use DataTables;
class UserController extends Controller
     * Display a listing of the resource.
     * @return \Illuminate\Http\Response
    public function index(Request $request)
        if ($request->ajax()) {
            $data = User::latest()->get();
            return Datatables::of($data)
                    ->addColumn('action', function($row){
                           $btn = '<a href="javascript:void(0)" class="edit btn btn-primary btn-sm">View</a>';
                            return $btn;
        return view('users');



Step 6 : Create Blade File

Now create users.blade.php file for view in this path resources/views/users.blade.php

<!DOCTYPE html>
    <title>Laravel 8 Yajra Datatable Example Tutorial - Techsolutionstuff</title>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="" />
    <link href="" rel="stylesheet">
    <link href="" rel="stylesheet">
    <script src=""></script>  
    <script src=""></script>
    <script src=""></script>
    <script src=""></script>
    <script src=""></script>
<div class="container">
    <h1>Laravel 8 Yajra Datatable Example Tutorial - Techsolutionstuff</h1>
    <table class="table table-bordered data-table">
                <th width="100px">Action</th>
<script type="text/javascript">
  $(function () {
    var table = $('.data-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: "{{ route('users.index') }}",
        columns: [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'name', name: 'name'},
            {data: 'email', name: 'email'},
            {data: 'action', name: 'action', orderable: false, searchable: false},

Copy below command and run in terminal.

php artisan serve

and finally you can run this project on your browser. 



You might also like :


Techsolutionstuff | The Complete Guide

I'm a software engineer and the founder of Hailing from India, I craft articles, tutorials, tricks, and tips to aid developers. Explore Laravel, PHP, MySQL, jQuery, Bootstrap, Node.js, Vue.js, and AngularJS in our tech stack.