Bulk Action Is Not Showing

[mhmmd-iqbal]

Hello, i have a small projec using bulk. the checkbox can be checked, but the action is cant be clicked, so i cant show my "delete" button. how can i fix it?

<?php

namespace App\Livewire\Question;

use App\Models\Exam;
use Rappasoft\LaravelLivewireTables\DataTableComponent;
use Rappasoft\LaravelLivewireTables\Views\Column;
use App\Models\Question;
use Illuminate\Database\Eloquent\Builder;
use Rappasoft\LaravelLivewireTables\Views\Columns\ButtonGroupColumn;
use Rappasoft\LaravelLivewireTables\Views\Columns\LinkColumn;
use Illuminate\Support\Str;

class QuestionTable extends DataTableComponent
{
    public Exam $exam;
    protected $model = Question::class;

    public function configure(): void
    {
        $this->setPrimaryKey('id')
            ->setSearchDebounce(500)
            ->setSearchEnabled();
    }

    public function bulkActions(): array
    {
        return [
            'activate' => 'Activate',
            'deactivate' => 'Deactivate',
            'export' => 'Export',
        ];
    }

    public function deleteSelected()
    {
        if ($this->selectedRowsQuery->count() > 0) {
            dd($this->selectedRowsQuery->get());
        }
    }

    public function columns(): array
    {
        return [
            Column::make("Id", "id")
                ->sortable()
                ->hideIf(true),
            Column::make("Uuid", "uuid")
                ->sortable()
                ->hideIf(true),
            Column::make("Type", "type")
                ->sortable()
                ->hideIf(true),
            Column::make("Type")
                ->label(function ($value) {
                    return $value->type_description;
                })
                ->sortable()
                ->searchable(),
            Column::make("Description")
                ->label(fn($row) => wordwrap(strip_tags(Str::limit($row->description, 250))))
                ->sortable(),
            Column::make("Description", "description")
                ->sortable()
                ->hideIf(true),
            Column::make("Category", "category.name")
                ->sortable()
                ->searchable(),
            Column::make("File", "file")
                ->sortable()
                ->hideIf(true),
            Column::make("Answers", "answers")
                ->sortable()
                ->hideIf(true),
            Column::make("Created at", "created_at")
                ->sortable()
                ->format(fn($value) => $value->diffForHumans()),
            Column::make("Updated at", "updated_at")
                ->sortable()
                ->hideIf(true),
            ButtonGroupColumn::make('Actions')
                ->attributes(function ($row) {
                    return [
                        'class' => 'space-x-2',
                    ];
                })
                ->buttons([
                    LinkColumn::make('Edit')
                        ->title(function ($row) {
                            return '<button type="button" class="btn btn-sm btn-clean btn-icon">
                                <i class="fa fa-edit text-primary"></i>
                            </button>';
                        })
                        ->location(function ($row) {
                            return route('admin.exams.questions.edit', [$this->exam->uuid, $row->uuid]);
                        })
                        ->html(),
                    LinkColumn::make('Delete')
                        ->title(function ($row) {
                            return '<button class="btn btn-sm btn-clean btn-icon" >
                                <i class="fa fa-trash text-danger"></i>
                            </button>';
                        })
                        ->location(fn($row) => 'javascript:void(0)')
                        ->attributes(function ($row) {
                            return [
                                'wire:click' => 'confirmDeleteData(' . $row->id . ')',
                            ];
                        })
                        ->html(),
                ])
        ];
    }

    public function confirmDeleteData($id)
    {
        $this->dispatch('confirm-delete', id: $id, model: Question::class);
    }

    public function builder(): Builder
    {
        return Question::query()
            ->select([
                'questions.id',
                'questions.uuid',
                'type',
                'description',
                'category_id',
                'file',
                'answers',
                'questions.created_at',
                'questions.updated_at'
            ])
            ->whereHas('exams', function ($query) {
                $query->where('uuid', $this->exam->uuid);
            })->latest();
    }
}

[mhmmd-iqbal]

ill closed this issue. the problem occured due to my conflict sript

[mhmmd-iqbal]

i got conflict with current script from template. How can i create my own bulk delete?

[lrljoe]

The items in the bulk actions array need to relate to your defined methods.

You don't have deleteSelected as a bulk action

    public function bulkActions(): array
    {
        return [
            'activate' => 'Activate',
            'deactivate' => 'Deactivate',
            'export' => 'Export',
        ];
    }

    public function deleteSelected()
    {
        if ($this->selectedRowsQuery->count() > 0) {
            dd($this->selectedRowsQuery->get());
        }
    }

getSelected() exists and gets the IDs that are selected. Not sure what your selectedRowsQuery() is

You don't need to "select" fields that are defined in a Column field either...