簡體   English   中英

如何使 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),
        ]);
    }
}

刀:

<div>
    {{ $dataList->onEachSide(1)->links() }}
</div>
  1. 首先,您必須將供應商文件發布到資源/視圖目錄,以便您可以通過以下命令行修改它php artisan vendor:publish --tag=laravel-pagination
  2. 與資源文件相比,您可以根據需要編輯分頁文件和設計。 您可以根據您的設計進行定制

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM