Usermanager/DataTables/RolesDataTable.php

<?php

    namespace Modules\Usermanager\DataTables;

    use Spatie\Permission\Models\Role;
    use Yajra\DataTables\Html\Column;
    use Yajra\DataTables\Services\DataTable;

    class RolesDataTable extends DataTable
    {
        /**
         * Build DataTable class.
         *
         * @param mixed $query Results from query() method.
         *
         * @return \Yajra\DataTables\DataTableAbstract
         */
        public function dataTable($query)
        {
            return datatables()
                ->eloquent($query)
                ->rawColumns(['action'])
                ->addIndexColumn()
                ->filter(function ($query) {
                    if (request()->has('search')) {
                        $search = request()->get('search');
                        $query->where('name', 'like', "%" . $search['value'] . "%");
                    }
                })
                ->addColumn('action', function (Role $model) {
                    return view('usermanager::users.roles._action', compact('model'));
                });
        }

        /**
         * Get query source of dataTable.
         *
         * @param \Spatie\Permission\Models\Role $model
         *
         * @return \Illuminate\Database\Eloquent\Builder
         */
        public function query(Role $model)
        {
            return $model->newQuery();
        }

        /**
         * Optional method if you want to use html builder.
         *
         * @return \Yajra\DataTables\Html\Builder
         */
        public function html()
        {
            return $this->builder()
                ->setTableId('user-roles-table')
                ->columns($this->getColumns())
                ->minifiedAjax()
                ->orderBy(1, 'asc')
                ->stateSave(false)
                ->responsive()
                ->autoWidth(false)
                ->parameters([
                    'scrollX'      => true,
                    'drawCallback' => 'function() { KTMenu.createInstances(); }',
                ])
                ->addTableClass('align-middle table-row-dashed fs-6 gy-5');

        }

        /**
         * Get columns.
         *
         * @return array
         */
        protected function getColumns()
        {
            return [
                Column::make('DT_RowIndex')->title('No')->orderable(false)->searchable(false),
                Column::make('name'),
                Column::computed('action')
                    ->exportable(false)
                    ->printable(false)
                    ->addClass('text-center')
                    ->responsivePriority(-1),

            ];
        }

        /**
         * Get filename for export.
         *
         * @return string
         */
        protected function filename()
        : string
        {
            return 'Roles_' . date('YmdHis');
        }
    }