Cetaklabel/DataTables/CardboardDataTable.php

<?php

    namespace Modules\Cetaklabel\DataTables;

    use Illuminate\Database\Eloquent\Builder as QueryBuilder;
    use Modules\Cetaklabel\Entities\Cardboard;
    use Yajra\DataTables\EloquentDataTable;
    use Yajra\DataTables\Html\Builder as HtmlBuilder;
    use Yajra\DataTables\Html\Column;
    use Yajra\DataTables\Services\DataTable;

    class CardboardDataTable extends DataTable
    {
        /**
         * Build the DataTable class.
         *
         * @param QueryBuilder $query Results from query() method.
         */
        public function dataTable(QueryBuilder $query)
        : EloquentDataTable
        {
            $query = $query->with(['directorat', 'sub_directorat']);

            return (new EloquentDataTable($query))
                ->filter(function ($query) {
                    if (request()->has('search')) {
                        $search = request()->get('search');
                        $query->where('kode', 'like', "%" . $search['value'] . "%")
                            ->orWhere('name', 'like', "%" . $search['value'] . "%")
                            ->orWhere('sequence', 'like', "%" . $search['value'] . "%")
                            ->orWhereRelation('directorat', 'name', 'like', "%" . $search['value'] . "%")
                            ->orWhereRelation('sub_directorat', 'name', 'like', "%" . $search['value'] . "%");
                    }
                })
                ->addIndexColumn()
                ->addColumn('action', 'cetaklabel::app.cardboard._action')
                ->setRowId('id');
        }

        /**
         * Get the query source of dataTable.
         */
        public function query(Cardboard $model)
        : QueryBuilder
        {
            return $model->newQuery();
        }

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

        /**
         * Get the dataTable columns definition.
         */
        public function getColumns()
        : array
        {
            return [
                Column::make('DT_RowIndex')->title('No')->orderable(false)->searchable(false),
                Column::make('kode'),
                Column::make('directorat.name')->title('Direktorat'),
                Column::make('sub_directorat.name')->title('Sub Direktorat'),
                Column::make('name'),
                Column::make('sequence'),
                Column::make('status'),
                Column::computed('action')
                    ->exportable(false)
                    ->printable(false)
                    ->width(60)
                    ->addClass('text-center'),
            ];
        }

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