kaminariとは
- ページネーションを簡単に実装できるrailsのgemです
導入方法
gemfile
gem'kaminari'
gemを追加し
terminal
$bundle install
インストール
導入はこれで完了
表示されたページネーションを中央に
やり方非常に簡単です
まずはテンプレートファイルを作成
terminal
$rails g kaminari:views default
もしもBootstrapを導入しているなら
terminarl
$rails g kaminari:views bootstrap
default
ではなくbootstrap
を選択する事で勝手に綺麗に整えてくれます
- Bootstrap4を導入しているなら
bootstrap4
にしてください
作成されたファイルをみてみると
views/kaminari/_pagenator.html.erb
<%=paginator.renderdo%><nav><ulclass="pagination"><%=first_page_tagunlesscurrent_page.first?%><%=prev_page_tagunlesscurrent_page.first?%><%each_pagedo|page|%><%ifpage.left_outer?||page.right_outer?||page.inside_window?%><%=page_tagpage%><%elsif!page.was_truncated?-%><%=gap_tag%><%end%><%end%><%=next_page_tagunlesscurrent_page.last?%><%=last_page_tagunlesscurrent_page.last?%></ul></nav><%end%>
ul
にclass="pagination"
が当てられているので
application.scss
.pagination{justify-content:center;}
これでページネーションが中央に表示されました!