[英]How to make Livewire Pagination responsive?
how to make livewire pagination responsive?如何使 livewire 分页响应? when using Boostrap, its only need to add
flex-wrap
on class pagination to make it responsive.使用 Boostrap 时,只需在 class 分页上添加
flex-wrap
即可使其响应。
Component:零件:
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.