Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

Ruby on Rails | Kaminariを利用して一覧にページャーを設定

概要

Kaminariを利用して一覧にページャーを設定

詳細

Kaminariを利用して一覧にページャーを設定します。

設定

Gemfileに下記を追加
gem "kaminari", "~> 0.14.1"
Bundlerを実行
bundle
デフォルトの設定ファイルを生成
rails g kaminari:config

下記のファイルが生成されます

Kaminari.configure do |config|
  # config.default_per_page = 25
  # config.max_per_page = nil
  # config.window = 4
  # config.outer_window = 0
  # config.left = 0
  # config.right = 0
  # config.page_method_name = :page
  # config.param_name = :page
end
ja.ymlの追加
ja:
  views:
    pagination:
      first: "« 最初"
      last: "最後»"
      previous: "‹ 前"
      next: "次 ›"
      truncate: "..."
controllerの検索処理にページ指定を追加する
@users = User.all.page params[:page]
一覧にページ表示用のヘルパーを記述
="#{@users.total_count}"
= paginate @users
GET以外のactionを利用する場合はroutesにgetを追加

/config/routes.rb

get "search"
post "search"

画像

※分かりやすいように画面あたりの表示件数を2件に設定しました。

初期表示

2ページ目表示