分页组件只能在 Livewire Blade 视图中使用。它可以渲染一个分页链接列表:
use App\Models\User;
use Illuminate\Contracts\View\View;
use Livewire\Component;
class ListUsers extends Component
{
// ...
public function render(): View
{
return view('livewire.list-users', [
'users' => User::query()->paginate(10),
]);
}
}<x-filament::pagination :paginator="$users" />或者,您可以使用简单分页或游标分页,这将只渲染一个“上一页”和“下一页”按钮:
use App\Models\User;
User::query()->simplePaginate(10)
User::query()->cursorPaginate(10)你可以允许用户通过将一个选项数组传递给 page-options 属性来自定义每页的项目数量。你还必须定义一个 Livewire 属性来存储用户的选择:
use App\Models\User;
use Illuminate\Contracts\View\View;
use Livewire\Component;
class ListUsers extends Component
{
public int | string $perPage = 10;
// ...
public function render(): View
{
return view('livewire.list-users', [
'users' => User::query()->paginate($this->perPage),
]);
}
}<x-filament::pagination
:paginator="$users"
:page-options="[5, 10, 20, 50, 100, 'all']"
:current-page-option-property="perPage"
/>极端链接是第一页和最后一页的链接。您可以通过向组件传递extreme-links属性来添加它们:
<x-filament::pagination
:paginator="$users"
extreme-links
/>