<!DOCTYPE html>



    <title>Laravel Table Inline Editing Example -</title>

    <meta name="csrf-token" content="{{ csrf_token() }}">

    <link rel="stylesheet" href="" />

    <script src="//"></script>

    <link href="//" rel="stylesheet"/>


    <script src="//"></script>




<div class="container">

    <h1>Laravel Table Inline Editing Example -</h1>

    <table class="table table-bordered data-table">









            @foreach($users as $user)


                    <td>{{ $user->id }}</td>


                        <a href="" class="update" data-name="name" data-type="text" data-pk="{{ $user->id }}" data-title="Enter name">{{ $user->name }}</a>



                        <a href="" class="update" data-name="email" data-type="text" data-pk="{{ $user->id }}" data-title="Enter email">{{ $user->email }}</a>










<script type="text/javascript">

    $.fn.editable.defaults.mode = 'inline';



        headers: {

            'X-CSRF-TOKEN': '{{csrf_token()}}'





           url: "{{ route('users.update') }}",

           type: 'text',

           pk: 1,

           name: 'name',

           title: 'Enter name'



downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter