Таблица Laravel Powergrid Добавить загрузку при нумерации страниц ⇐ Php

[Anonymous]

Я новичок в Laravel и использую PowerGrid для отображения таблицы сотрудников. Загрузка скелета работает нормально при первоначальной загрузке страницы, но я хотел бы добавить анимацию загрузки при изменении значения «на страницу» или переключении между страницами.
Компонент PowerGrid:

Код: Выделить всё

final class PowergridTable extends PowerGridComponent
{
use TableTraits;

public bool $deferLoading = true;
public string $loadingComponent = 'components.table-loading';

public string $sortField = 'created_at';
public string $sortDirection = 'desc';

public $year;
public $month;

public function setUp(): array
{
$this->year = now()->year;
$this->month = now()->month;

return [
Footer::make()
->showPerPage()
->showRecordCount(),
];
}

public function datasource(): Builder
{
$employees = Employee::query()
->select([
'employees.id as emp_id',
'employees.first_name',
'employees.last_name',
]);

return $employees;
}

public function relationSearch(): array
{
return [];
}

public function fields(): PowerGridFields
{
$startIndex = $this->paginationStartIndex();

return PowerGrid::fields()
->add('index', fn (Employee $model, $index) => ++$index + $startIndex)
->add('company_id', fn (Employee $model) => $model->company_id);
}

public function columns(): array
{
return [
Column::make('#', 'index'),
Column::make(__("main.salary.table.employee"), 'employee_name', 'last_name')
->headerAttribute('w-[250px] overflow-hidden whitespace-nowrap')
->sortable(),
];
}

public function filters(): array
{
return [
Filter::inputText('employee_name', 'employees.id')
->operators(['contains']),
];
}

#[\Livewire\Attributes\On('edit')]
public function edit($rowId): void
{
$this->js('alert(' . $rowId .  ')');
}

#[On('filter-dates')]
public function filterSalary($val)
{
$data = explode("-", $val);
$this->year = $data[0];
$this->month = $data[1];
}
}

Компонент загрузки (table-loading.blade.php)

Код: Выделить всё

{{-- # Column --}}

@for ($i = 0; $i < 10; $i++)
{{-- # Row --}}




@endfor

{{-- # Column --}}

@for ($i = 0; $i < 10; $i++)
{{-- # Row --}}




@endfor

{{-- # Column --}}

@for ($i = 0; $i < 10; $i++)
{{-- # Row --}}




@endfor

Чтобы реализовать скелет загрузки, я попробовал использовать Wire:loading в компоненте загрузки таблицы следующим образом:

Код: Выделить всё

@for ($i = 0; $i < 10; $i++)


@endfor

Однако, похоже, это не работает должным образом при изменении значения «на страницу» или переключении между страницами. Скелет загрузки не отображается во время этих событий.
Есть ли правильный способ добавить анимацию загрузки для изменений страниц или изменений значений «на страницу» в PowerGrid?

Подробнее здесь: https://stackoverflow.com/questions/790 ... pagination