class EntitiesDataTableHtmlextends DataTableHtml{publicfunctionhandle()    {return$this->setTableId('entities-table')                    ->columns($this->getColumns())                    ->orderBy(count($this->getColumns()) -1)                    ->selectStyleSingle()                    ->responsive(false)                    ->buttons([                        CreateButton::makeIfCan('entities-create')->text('New Entity'),                        EditButton::makeIfCan('entities-update'),                        RemoveButton::makeIfCan('entities-delete')->single(),                        ReloadButton::make(),                    ])                    ->editors([                        Editor::make()                              ->display('large')                              ->fields([Fields\Text::make('category'),Fields\Text::make('name'),                              ]),                    ])// asFunction should be called last to make sure the function template is used.                    ->asFunction();    }/**     * Get columns.     *     * @return array     */protectedfunctiongetColumns()    {return [            CheckboxColumn::make(),            Column::make('category'),            Column::make('name'),        ];    }}

<div>    {{$dataTable->table() }}</div>@push('scripts'){{$dataTable->scripts() }}<script src="{{mix('js/entities.js') }}"></script>@endpush

newVue({data:{selected:{},entitiesTable:{}},mounted(){// initialize dataTablethis.entitiesTable=window.dtx['entities-table']();this.entitiesTable.on('select.dt',(e,dt,type,index)=>{this.selected=dt.row(index).data();}).on('deselect.dt',()=>this.selected={})}}).$mount('#entities-app')