如何使 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>
- 首先你必须发布你的vendor文件到resources/view目录,这样你就可以通过下面的命令行修改它
php artisan vendor:publish --tag=laravel-pagination
- 在资源文件中,您可以根据需要编辑分页文件和设计。您可以根据您的设计定制
如何使 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>
- 首先你必须发布你的vendor文件到resources/view目录,这样你就可以通过下面的命令行修改它 php artisan vendor:publish --tag=laravel-pagination
- 在资源文件中,您可以根据需要编辑分页文件和设计。您可以根据您的设计定制