{"id":6094,"date":"2021-05-06T11:03:32","date_gmt":"2021-05-06T11:03:32","guid":{"rendered":"https:\/\/www.scmgalaxy.com\/tutorials\/?p=6094"},"modified":"2022-04-13T16:33:33","modified_gmt":"2022-04-13T16:33:33","slug":"how-to-add-data-in-datatable-in-laravel-crud","status":"publish","type":"post","link":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/","title":{"rendered":"How to Add Data in DataTable in Laravel Crud"},"content":{"rendered":"\n

In this tutorial I’m going to describe how to add data in DataTable in laravel 8 we will create single page companies ajax crud application (SPA) using dataTables js, modal and jQuery in laravel 8.<\/p>\n\n\n\n

Laravel 8 Ajax CRUD Tutorial using Datatable JS
Step 1 \u2013 Download Laravel 8 App
Step 2 \u2013 Database Configuration
Step 3 \u2013 Installing Yajra Datatables
Step 4 \u2013 Make Model & Migration
Step 5 \u2013 Make Routes
Step 6 \u2013 Create AJAX CRUD Datatables Controller
Step 7 \u2013 Create Blade Views File
companies.blade.php
company-action.blade.php
Step 8 \u2013 Run Development Server<\/pre>\n\n\n\n
Step 1 \u2014 Download Laravel 8 App<\/h1>\n\n\n\n
1st step Install laravel project and new setup, lets open the terminal C:\\xampp\\htdocs and paste below code<\/p>\n\n\n\n
composer create-project --prefer-dist laravel\/laravel laraveldatatable<\/pre>\n\n\n\n
Step 2 \u2014 Database Configuration<\/h1>\n\n\n\n
Setup database with your installed laravel 8 project . lets go to .env folder and put database name and connect to database.<\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laraveldatatable
DB_USERNAME=root
DB_PASSWORD=<\/pre>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
Next run this command<\/p>\n\n\n\n
php artisan migrate<\/pre>\n\n\n\n
Step 3 \u2014 Installing Yajra Datatables<\/h1>\n\n\n\n
composer require yajra\/laravel-datatables-oracle<\/pre>\n\n\n\n
Then configure datatables package. So go to config directory and open app.php file. And add the following service providers into app.php file:<\/p>\n\n\n\n
Go to -> config\/app.php and put in providers section<\/p>\n\n\n\n
'providers' => [
    
   Yajra\\Datatables\\DatatablesServiceProvider::class,
],
 
 'aliases' => [
 
  'Datatables' => Yajra\\Datatables\\Facades\\Datatables::class,
]<\/pre>\n\n\n\n
Then publish laravel datatables vendor package by using below command:<\/p>\n\n\n\n
php artisan vendor:publish<\/pre>\n\n\n\n
Step 4 \u2014 Make Model & Migration<\/h1>\n\n\n\n
php artisan make:model Company -m<\/pre>\n\n\n\n
Simply copy this code and paste in companies model<\/p>\n\n\n\n
<?php

use Illuminate\\Database\\Migrations\\Migration;
use Illuminate\\Database\\Schema\\Blueprint;
use Illuminate\\Support\\Facades\\Schema;

class CreateCompaniesTable extends Migration
{
    \/**
     * Run the migrations.
     *
     * @return void
     *\/
    public function up()
    {
        Schema::create('companies', function (Blueprint $table) {
            $table->id();
            $table->timestamps();
            $table->string('name');
            $table->string('email');
            $table->string('address');
        });
    }

    \/**
     * Reverse the migrations.
     *
     * @return void
     *\/
    public function down()
    {
        Schema::dropIfExists('companies');
    }
}<\/pre>\n\n\n\n
Lets migrate table to database run this command<\/p>\n\n\n\n
php artisan migrate<\/pre>\n\n\n\n
After that, lets go to app\/models directory and open company.php model file. Then add the following code into it:<\/p>\n\n\n\n
<?php

namespace App;

use Illuminate\\Database\\Eloquent\\Model;

class Company extends Model
{
    
    protected $fillable =['name', 'email', 'address'];

}<\/pre>\n\n\n\n
Step 5 \u2014 Make Routes<\/h1>\n\n\n\n
<?php

use Illuminate\\Support\\Facades\\Route;

\/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the \"web\" middleware group. Now create something great!
|
*\/

Route::get('\/', function () {
    return view('welcome');
});

use App\\Http\\Controllers\\DataTableAjaxCRUDController;
 
Route::get('ajax-crud-datatable', [DataTableAjaxCRUDController::class, 'index']);
Route::post('store-company', [DataTableAjaxCRUDController::class, 'store']);
Route::post('edit-company', [DataTableAjaxCRUDController::class, 'edit']);
Route::post('delete-company', [DataTableAjaxCRUDController::class, 'destroy']);<\/pre>\n\n\n\n
Step 6 \u2014 Create AJAX CRUD Datatables Controller<\/h1>\n\n\n\n
php artisan make:controller DataTableAjaxCRUDController -r<\/pre>\n\n\n\n
Lets go to controller and copy below code and paste there<\/p>\n\n\n\n
<?php

namespace App\\Http\\Controllers;


use Illuminate\\Http\\Request;
use App\\Company;
class DataTableAjaxCRUDController extends Controller
{
    \/**
     * Display a listing of the resource.
     *
     * @return \\Illuminate\\Http\\Response
     *\/
    public function index()
    {
        if(request()->ajax()) {
            return datatables()->of(Company::select('*'))
            ->addColumn('action', 'company-action')
            ->rawColumns(['action'])
            ->addIndexColumn()
            ->make(true);
        }
        return view('companies');
    }

    \/**
     * Show the form for creating a new resource.
     *
     * @return \\Illuminate\\Http\\Response
     *\/
    public function create()
    {
        \/\/
    }

    \/**
     * Store a newly created resource in storage.
     *
     * @param  \\Illuminate\\Http\\Request  $request
     * @return \\Illuminate\\Http\\Response
     *\/
    public function store(Request $request)
    {
        $companyId = $request->id;
 
        $company   =   Company::updateOrCreate(
                    [
                     'id' => $companyId
                    ],
                    [
                    'name' => $request->name, 
                    'email' => $request->email,
                    'address' => $request->address
                    ]);    
                         
        return Response()->json($company);
    }

    \/**
     * Display the specified resource.
     *
     * @param  int  $id
     * @return \\Illuminate\\Http\\Response
     *\/
    public function show($id)
    {
        \/\/
    }

    \/**
     * Show the form for editing the specified resource.
     *
     * @param  int  $id
     * @return \\Illuminate\\Http\\Response
     *\/
    public function edit($id)
    {
        $where = array('id' => $request->id);
        $company = Company::where($where)->first();

        return Response()->json($company);
    }

    \/**
     * Update the specified resource in storage.
     *
     * @param  \\Illuminate\\Http\\Request  $request
     * @param  int  $id
     * @return \\Illuminate\\Http\\Response
     *\/
    public function update(Request $request, $id)
    {
        \/\/
    }

    \/**
     * Remove the specified resource from storage.
     *
     * @param  int  $id
     * @return \\Illuminate\\Http\\Response
     *\/
    public function destroy($id)
    {
        $company = Company::where('id','$request->id')->delete();
        return Response()->json($company);
    }
}<\/pre>\n\n\n\n
Step 6 \u2014 Create Blade Views File<\/h1>\n\n\n\n
Create two blade views file, which is following:<\/p>\n\n\n\n
  • companies.blade.php<\/li><\/ul>\n\n\n\n
    Next go to companies.blade.php file and paste below code<\/p>\n\n\n\n
    <!DOCTYPE html>
    <html lang=\"en\">
    <head>
    <meta charset=\"UTF-8\">
    <title>Laravel 8 AJAX CRUD using DataTable js Tutorial From Scratch - Tutsmake.com<\/title>
    <meta name=\"csrf-token\" content=\"{{ csrf_token() }}\">
    <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\" >
    <script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.min.js\"><\/script>
    <script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js\"><\/script>
    <link  href=\"https:\/\/cdn.datatables.net\/1.10.21\/css\/jquery.dataTables.min.css\" rel=\"stylesheet\">
    <script src=\"https:\/\/cdn.datatables.net\/1.10.21\/js\/jquery.dataTables.min.js\"><\/script>
    <\/head>
    <body>
    <div class=\"container mt-2\">
    <div class=\"row\">
    <div class=\"col-lg-12 margin-tb\">
    <div class=\"pull-left\">
    <h2>Laravel 8 Ajax CRUD DataTables Tutorial<\/h2>
    <\/div>
    <div class=\"pull-right mb-2\">
    <a class=\"btn btn-success\" onClick=\"add()\" href=\"javascript:void(0)\"> Create Company<\/a>
    <\/div>
    <\/div>
    <\/div>
    @if ($message = Session::get('success'))
    <div class=\"alert alert-success\">
    <p>{{ $message }}<\/p>
    <\/div>
    @endif
    <div class=\"card-body\">
    <table class=\"table table-bordered\" id=\"ajax-crud-datatable\">
    <thead>
    <tr>
    <th>Id<\/th>
    <th>Name<\/th>
    <th>Email<\/th>
    <th>Address<\/th>
    <th>Created at<\/th>
    <th>Action<\/th>
    <\/tr>
    <\/thead>
    <\/table>
    <\/div>
    <\/div>
    <!-- boostrap company model -->
    <div class=\"modal fade\" id=\"company-modal\" aria-hidden=\"true\">
    <div class=\"modal-dialog modal-lg\">
    <div class=\"modal-content\">
    <div class=\"modal-header\">
    <h4 class=\"modal-title\" id=\"CompanyModal\"><\/h4>
    <\/div>
    <div class=\"modal-body\">
    <form action=\"javascript:void(0)\" id=\"CompanyForm\" name=\"CompanyForm\" class=\"form-horizontal\" method=\"POST\" enctype=\"multipart\/form-data\">
    <input type=\"hidden\" name=\"id\" id=\"id\">
    <div class=\"form-group\">
    <label for=\"name\" class=\"col-sm-2 control-label\">Company Name<\/label>
    <div class=\"col-sm-12\">
    <input type=\"text\" class=\"form-control\" id=\"name\" name=\"name\" placeholder=\"Enter Company Name\" maxlength=\"50\" required=\"\">
    <\/div>
    <\/div>  
    <div class=\"form-group\">
    <label for=\"name\" class=\"col-sm-2 control-label\">Company Email<\/label>
    <div class=\"col-sm-12\">
    <input type=\"email\" class=\"form-control\" id=\"email\" name=\"email\" placeholder=\"Enter Company Email\" maxlength=\"50\" required=\"\">
    <\/div>
    <\/div>
    <div class=\"form-group\">
    <label class=\"col-sm-2 control-label\">Company Address<\/label>
    <div class=\"col-sm-12\">
    <input type=\"text\" class=\"form-control\" id=\"address\" name=\"address\" placeholder=\"Enter Company Address\" required=\"\">
    <\/div>
    <\/div>
    <div class=\"col-sm-offset-2 col-sm-10\">
    <button type=\"submit\" class=\"btn btn-primary\" id=\"btn-save\">Save changes
    <\/button>
    <\/div>
    <\/form>
    <\/div>
    <div class=\"modal-footer\">
    <\/div>
    <\/div>
    <\/div>
    <\/div>
    <!-- end bootstrap model -->
    <\/body>
    <script type=\"text\/javascript\">
    $(document).ready( function () {
    $.ajaxSetup({
    headers: {
    'X-CSRF-TOKEN': $('meta[name=\"csrf-token\"]').attr('content')
    }
    });
    $('#ajax-crud-datatable').DataTable({
    processing: true,
    serverSide: true,
    ajax: \"{{ url('ajax-crud-datatable') }}\",
    columns: [
    { data: 'id', name: 'id' },
    { data: 'name', name: 'name' },
    { data: 'email', name: 'email' },
    { data: 'address', name: 'address' },
    { data: 'created_at', name: 'created_at' },
    {data: 'action', name: 'action', orderable: false},
    ],
    order: [[0, 'desc']]
    });
    });
    function add(){
    $('#CompanyForm').trigger(\"reset\");
    $('#CompanyModal').html(\"Add Company\");
    $('#company-modal').modal('show');
    $('#id').val('');
    }   
    function editFunc(id){
    $.ajax({
    type:\"POST\",
    url: \"{{ url('edit-company') }}\",
    data: { id: id },
    dataType: 'json',
    success: function(res){
    $('#CompanyModal').html(\"Edit Company\");
    $('#company-modal').modal('show');
    $('#id').val(res.id);
    $('#name').val(res.name);
    $('#address').val(res.address);
    $('#email').val(res.email);
    }
    });
    }  
    function deleteFunc(id){
    if (confirm(\"Delete Record?\") == true) {
    var id = id;
    \/\/ ajax
    $.ajax({
    type:\"POST\",
    url: \"{{ url('delete-company') }}\",
    data: { id: id },
    dataType: 'json',
    success: function(res){
    var oTable = $('#ajax-crud-datatable').dataTable();
    oTable.fnDraw(false);
    }
    });
    }
    }
    $('#CompanyForm').submit(function(e) {
    e.preventDefault();
    var formData = new FormData(this);
    $.ajax({
    type:'POST',
    url: \"{{ url('store-company')}}\",
    data: formData,
    cache:false,
    contentType: false,
    processData: false,
    success: (data) => {
    $(\"#company-modal\").modal('hide');
    var oTable = $('#ajax-crud-datatable').dataTable();
    oTable.fnDraw(false);
    $(\"#btn-save\").html('Submit');
    $(\"#btn-save\"). attr(\"disabled\", false);
    },
    error: function(data){
    console.log(data);
    }
    });
    });
    <\/script>
    <\/html><\/pre>\n\n\n\n
    Lets go to your browser and run this url<\/p>\n\n\n\n
    http:\/\/127.0.0.1:8000\/ajax-crud-datatable<\/pre>\n\n\n\n
    Now its open like this and successfully working and store in database as well.<\/p>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n
    Thanks \ud83d\ude4f\ud83d\ude4f<\/p>\n","protected":false},"excerpt":{"rendered":"
    In this tutorial I’m going to describe how to add data in DataTable in laravel 8 we will create single […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[5049,156],"tags":[5072,5279,5052,4921,177],"class_list":["post-6094","post","type-post","status-publish","format-standard","hentry","category-laravel","category-websites","tag-crud","tag-datatable","tag-laravel","tag-localhost","tag-php"],"yoast_head":"\nHow to Add Data in DataTable in Laravel Crud - scmGalaxy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Data in DataTable in Laravel Crud - scmGalaxy\" \/>\n<meta property=\"og:description\" content=\"In this tutorial I’m going to describe how to add data in DataTable in laravel 8 we will create single […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/\" \/>\n<meta property=\"og:site_name\" content=\"scmGalaxy\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-06T11:03:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-13T16:33:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/miro.medium.com\/max\/1366\/1*l1fZ0rXU6B1--IbRQweRFA.png\" \/>\n<meta name=\"author\" content=\"rajeshkumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rajeshkumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/\"},\"author\":{\"name\":\"rajeshkumar\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/a40e0dd38feee7c2779460a804d49361\"},\"headline\":\"How to Add Data in DataTable in Laravel Crud\",\"datePublished\":\"2021-05-06T11:03:32+00:00\",\"dateModified\":\"2022-04-13T16:33:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/\"},\"wordCount\":257,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/miro.medium.com\\\/max\\\/1366\\\/1*l1fZ0rXU6B1--IbRQweRFA.png\",\"keywords\":[\"crud\",\"datatable\",\"laravel\",\"localhost\",\"Php\"],\"articleSection\":[\"Laravel\",\"Websites\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/\",\"name\":\"How to Add Data in DataTable in Laravel Crud - scmGalaxy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/miro.medium.com\\\/max\\\/1366\\\/1*l1fZ0rXU6B1--IbRQweRFA.png\",\"datePublished\":\"2021-05-06T11:03:32+00:00\",\"dateModified\":\"2022-04-13T16:33:33+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/a40e0dd38feee7c2779460a804d49361\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/#primaryimage\",\"url\":\"https:\\\/\\\/miro.medium.com\\\/max\\\/1366\\\/1*l1fZ0rXU6B1--IbRQweRFA.png\",\"contentUrl\":\"https:\\\/\\\/miro.medium.com\\\/max\\\/1366\\\/1*l1fZ0rXU6B1--IbRQweRFA.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-add-data-in-datatable-in-laravel-crud\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Data in DataTable in Laravel Crud\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#website\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/\",\"name\":\"scmGalaxy\",\"description\":\"A Platform for Software Engineers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/a40e0dd38feee7c2779460a804d49361\",\"name\":\"rajeshkumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g\",\"caption\":\"rajeshkumar\"},\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/author\\\/rajeshkumar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Data in DataTable in Laravel Crud - scmGalaxy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Data in DataTable in Laravel Crud - scmGalaxy","og_description":"In this tutorial I’m going to describe how to add data in DataTable in laravel 8 we will create single […]","og_url":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/","og_site_name":"scmGalaxy","article_published_time":"2021-05-06T11:03:32+00:00","article_modified_time":"2022-04-13T16:33:33+00:00","og_image":[{"url":"https:\/\/miro.medium.com\/max\/1366\/1*l1fZ0rXU6B1--IbRQweRFA.png","type":"","width":"","height":""}],"author":"rajeshkumar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"rajeshkumar","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/#article","isPartOf":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/"},"author":{"name":"rajeshkumar","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/a40e0dd38feee7c2779460a804d49361"},"headline":"How to Add Data in DataTable in Laravel Crud","datePublished":"2021-05-06T11:03:32+00:00","dateModified":"2022-04-13T16:33:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/"},"wordCount":257,"commentCount":0,"image":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/#primaryimage"},"thumbnailUrl":"https:\/\/miro.medium.com\/max\/1366\/1*l1fZ0rXU6B1--IbRQweRFA.png","keywords":["crud","datatable","laravel","localhost","Php"],"articleSection":["Laravel","Websites"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/","url":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/","name":"How to Add Data in DataTable in Laravel Crud - scmGalaxy","isPartOf":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/#primaryimage"},"image":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/#primaryimage"},"thumbnailUrl":"https:\/\/miro.medium.com\/max\/1366\/1*l1fZ0rXU6B1--IbRQweRFA.png","datePublished":"2021-05-06T11:03:32+00:00","dateModified":"2022-04-13T16:33:33+00:00","author":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/a40e0dd38feee7c2779460a804d49361"},"breadcrumb":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/#primaryimage","url":"https:\/\/miro.medium.com\/max\/1366\/1*l1fZ0rXU6B1--IbRQweRFA.png","contentUrl":"https:\/\/miro.medium.com\/max\/1366\/1*l1fZ0rXU6B1--IbRQweRFA.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-add-data-in-datatable-in-laravel-crud\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.scmgalaxy.com\/tutorials\/"},{"@type":"ListItem","position":2,"name":"How to Add Data in DataTable in Laravel Crud"}]},{"@type":"WebSite","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#website","url":"https:\/\/www.scmgalaxy.com\/tutorials\/","name":"scmGalaxy","description":"A Platform for Software Engineers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.scmgalaxy.com\/tutorials\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/a40e0dd38feee7c2779460a804d49361","name":"rajeshkumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g","caption":"rajeshkumar"},"url":"https:\/\/www.scmgalaxy.com\/tutorials\/author\/rajeshkumar\/"}]}},"_links":{"self":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/6094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/comments?post=6094"}],"version-history":[{"count":1,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/6094\/revisions"}],"predecessor-version":[{"id":6095,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/6094\/revisions\/6095"}],"wp:attachment":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/media?parent=6094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/categories?post=6094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/tags?post=6094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}