title: I'm having an issue getting the yajra laravel datatables editor-tutorial to work
body: <p>I am new to Laravel and Datatables/Editor.  I used the DataTables Editor on another PHP project but am having trouble getting it to work in Laravel via the <a href="https://github.com/yajra/laravel-datatables-editor" rel="nofollow noreferrer">Yajra plugin</a>. I followed this tutorial <a href="https://yajrabox.com/docs/laravel-datatables/master/editor-tutorial" rel="nofollow noreferrer">https://yajrabox.com/docs/laravel-datatables/master/editor-tutorial</a>.  Everything is compiling fine but the result is not working as I would have expected.  The 'Edit' and 'Delete' buttons are grayed out and rows are not selectable.  I suspect I'm either not including the DataTables/Editor scripts or unpacking the Editor.zip (was not in the tutorial).</p>
  
  <p><a href="https://i.stack.imgur.com/1kfGV.png" rel="nofollow noreferrer">Image of what I see on the screen</a></p>
  
  <p>I'm using:
   - PHP Version: 7.4.2 
   - Laravel Version: 6.17.1 
   - Laravel-DataTables Editor PHP 1.9.2 (paid version-zip file renamed to Editor.zip and included
     in root folder)</p>
  
  <p><strong>Web.php</strong></p>
  
  <pre><code>    &lt;?php
  
  use App\DataTables\UsersDataTablesEditor;
  
  Route::get('/', function () {
      return view('welcome');
  });
  
  Auth::routes();
  
  Route::get('/home', 'HomeController@index')-&gt;name('home');
  Route::get('/users', 'UsersController@index')-&gt;name('users.index');
  
  // from https://yajrabox.com/docs/laravel-datatables/master/editor-tutorial
  Route::post('/users', 'UsersController@store')-&gt;name('users.store');
  
  // from https://yajrabox.com/docs/laravel-datatables/master/editor-usage
  Route::post('editor', function(UsersDataTablesEditor $editor) {
      return $editor-&gt;process(request());
  });
  </code></pre>
  
  <p><strong>UserDataTableEditor.php</strong></p>
  
  <pre><code>&lt;?php
  
  namespace App\DataTables;
  
  use App\User;
  use Illuminate\Database\Eloquent\Model;
  use Illuminate\Validation\Rule;
  use Yajra\DataTables\DataTablesEditor;
  
  class UsersDataTableEditor extends DataTablesEditor
  {
      protected $model = User::class;
  
      /**
       * Get create action validation rules.
       *
       * @return array
       */
      public function createRules()
      {
          return [
              'email' =&gt; 'required|email|unique:' . $this-&gt;resolveModel()-&gt;getTable(),
              'name'  =&gt; 'required',
          ];
      }
  
      /**
       * Get edit action validation rules.
       *
       * @param Model $model
       * @return array
       */
      public function editRules(Model $model)
      {
          return [
              'email' =&gt; 'sometimes|required|email|' . Rule::unique($model-&gt;getTable())-&gt;ignore($model-&gt;getKey()),
              'name'  =&gt; 'sometimes|required',
          ];
      }
  
      /**
       * Get remove action validation rules.
       *
       * @param Model $model
       * @return array
       */
      public function removeRules(Model $model)
      {
          return [];
      }
  }
  </code></pre>
  
  <p><strong>UserDataTable.php</strong></p>
  
  <pre><code>&lt;?php
  
  namespace App\DataTables;
  
  use App\User;
  use Yajra\DataTables\Html\Button;
  use Yajra\DataTables\Html\Column;
  use Yajra\DataTables\Html\Editor\Editor;
  use Yajra\DataTables\Html\Editor\Fields;
  use Yajra\DataTables\Services\DataTable;
  
  
  class UsersDataTable extends DataTable
  {
      /**
       * Build DataTable class.
       *
       * @param mixed $query Results from query() method.
       * @return \Yajra\DataTables\DataTableAbstract
       */
      public function dataTable($query)
      {
          return datatables()
              -&gt;eloquent($query)
              -&gt;setRowId('id') // Set the RowID
              -&gt;addColumn('action', 'users.action');
      }
  
      /**
       * Get query source of dataTable.
       *
       * @param \App\User $model
       * @return \Illuminate\Database\Eloquent\Builder
       */
      public function query(User $model)
      {
          return $model-&gt;newQuery();
      }
  
      /**
       * Optional method if you want to use html builder.
       *
       * @return \Yajra\DataTables\Html\Builder
       */
  
      public function html()
      {
          return $this-&gt;builder()
              -&gt;setTableId('users-table')
              -&gt;columns($this-&gt;getColumns())
              -&gt;minifiedAjax()
              -&gt;dom('Bfrtip')
              -&gt;orderBy(1)
              -&gt;buttons(
                  Button::make('create')-&gt;editor('editor'),
                  Button::make('edit')-&gt;editor('editor'),
                  Button::make('remove')-&gt;editor('editor'),
                  Button::make('export'),
                  Button::make('print'),
                  Button::make('reset'),
                  Button::make('reload')
              )
              -&gt;editor(
                  Editor::make()
                      -&gt;fields([
                          Fields\Text::make('name'),
                          Fields\Text::make('email'),
                          Fields\Password::make('password'),
                      ])
              );
      }
  
      /**
       * Get columns.
       *
       * @return array
       */
      protected function getColumns()
      {
          return [
              Column::computed('action')
                  -&gt;exportable(false)
                  -&gt;printable(false)
                  -&gt;width(60)
                  -&gt;addClass('text-center'),
              Column::make('id'),
              Column::make('name'),
              Column::make('email'),
              Column::make('created_at'),
              Column::make('updated_at'),
          ];
      }
  
      /**
       * Get filename for export.
       *
       * @return string
       */
      protected function filename()
      {
          return 'Users_' . date('YmdHis');
      }
  }
  </code></pre>
  
  <p><strong>UsersController.php</strong></p>
  
  <pre><code>&lt;?php
  
  namespace App\Http\Controllers;
  
  use Illuminate\Http\Request;
  use App\DataTables\UsersDataTable;
  use App\DataTables\UsersDataTableEditor;
  
  class UsersController extends Controller
  {
      public function index(UsersDataTable $dataTable)
      {
          return $dataTable-&gt;render('users.index');
      }
  
      public function store(UsersDataTableEditor $editor)
      {
          return $editor-&gt;process(request());
      }
  }
  </code></pre>
  
  <p><strong>app.blade.php</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="{{ str_replace('_', '-', app()-&gt;getLocale()) }}"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
      &lt;!-- CSRF Token --&gt;
      &lt;meta name="csrf-token" content="{{ csrf_token() }}"&gt;
  
      &lt;title&gt;{{ config('app.name', 'Laravel') }}&lt;/title&gt;
  
      &lt;!-- Scripts --&gt;
      &lt;script src="{{ asset('js/app.js') }}" defer&gt;&lt;/script&gt;
  
      &lt;!-- Fonts --&gt;
      &lt;link rel="dns-prefetch" href="//fonts.gstatic.com"&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet"&gt;
  
      &lt;!-- Styles --&gt;
      &lt;link href="{{ asset('css/app.css') }}" rel="stylesheet"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="app"&gt;
          &lt;nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm"&gt;
              &lt;div class="container"&gt;
                  &lt;a class="navbar-brand" href="{{ url('/') }}"&gt;
                      {{ config('app.name', 'Laravel') }}
                  &lt;/a&gt;
                  &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}"&gt;
                      &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
                  &lt;/button&gt;
  
                  &lt;div class="collapse navbar-collapse" id="navbarSupportedContent"&gt;
                      &lt;!-- Left Side Of Navbar --&gt;
                      &lt;ul class="navbar-nav mr-auto"&gt;
  
                      &lt;/ul&gt;
  
                      &lt;!-- Right Side Of Navbar --&gt;
                      &lt;ul class="navbar-nav ml-auto"&gt;
                          &lt;!-- Authentication Links --&gt;
                          @guest
                              &lt;li class="nav-item"&gt;
                                  &lt;a class="nav-link" href="{{ route('login') }}"&gt;{{ __('Login') }}&lt;/a&gt;
                              &lt;/li&gt;
                              @if (Route::has('register'))
                                  &lt;li class="nav-item"&gt;
                                      &lt;a class="nav-link" href="{{ route('register') }}"&gt;{{ __('Register') }}&lt;/a&gt;
                                  &lt;/li&gt;
                              @endif
                          @else
                              &lt;li class="nav-item dropdown"&gt;
                                  &lt;a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre&gt;
                                      {{ Auth::user()-&gt;name }} &lt;span class="caret"&gt;&lt;/span&gt;
                                  &lt;/a&gt;
  
                                  &lt;div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"&gt;
                                      &lt;a class="dropdown-item" href="{{ route('logout') }}"
                                         onclick="event.preventDefault();
                                                       document.getElementById('logout-form').submit();"&gt;
                                          {{ __('Logout') }}
                                      &lt;/a&gt;
  
                                      &lt;form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"&gt;
                                          @csrf
                                      &lt;/form&gt;
                                  &lt;/div&gt;
                              &lt;/li&gt;
                          @endguest
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
  
          &lt;main class="py-4"&gt;
              @yield('content')
          &lt;/main&gt;
      &lt;/div&gt;
      &lt;script src="{{ mix('js/app.js') }}"&gt;&lt;/script&gt;
      &lt;script src="{{ asset('vendor/datatables/buttons.server-side.js') }}"&gt;&lt;/script&gt;
      @stack('scripts')
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>