如何使 Livewire 分页响应?

How to make Livewire Pagination responsive?

如何使 livewire 分页响应?使用 Boostrap 时,只需在 class 分页上添加 flex-wrap 即可使其响应。

组件:

class Index extends Component
{
    use WithPagination;

    protected $paginationTheme = 'bootstrap';

    public function render()
    {
        return view('livewire.data-list.index', [
            'dataList' => DataList::whereStatus(1)->orderBy('id', 'desc')->paginate(15),
        ]);
    }
}

Blade :

<div>
    {{ $dataList->onEachSide(1)->links() }}
</div>
  1. 首先你必须发布你的vendor文件到resources/view目录,这样你就可以通过下面的命令行修改它 php artisan vendor:publish --tag=laravel-pagination
  2. 在资源文件中,您可以根据需要编辑分页文件和设计。您可以根据您的设计定制