How to paginate on an ajax way ( with jquery and kaminari )

0_Paginate_without_reload_all_page_with_kaminari.md

Paginate with Kaminari without reload all data

Use :remote => true option on link_to and paginate Region index page

1_Gemfile

gem 'kaminari'

2_app\controllers\regions_controller.rb

class RegionsController < ApplicationController

  def index
    @current_page = 1
    @regions = Region.page(@current_page).per(10)
  end
  
end

3_app\views\regions\index.html.erb

<div id="content-header">
	<h1>Regions</h1>
</div>

<div id="breadcrumb">
	<%= link_to raw('<i class="icon-home"></i> Home'), root_path, :class => "tip-bottom", "data-original-title" => "Go to Home" %>
	<a href="#" class="current">Regions</a>
</div>
<div id="regions">
<%= render "paginate_regions/index" %>
</div>

4_app\controllers\paginate_regions_controller.rb

class PaginateRegionsController < ApplicationController
  
  def index
    @current_page = params[:page]
    @regions = Region.page(@current_page).per(10)
  end
  
end

5_app\views\paginate_regions\_index.html.erb

<div class="row">
	<div class="col-xs-12">
		<div class="widget-box">
			<div class="widget-title">
				<span class="icon">
					<i class="icon-screenshot"></i>
				</span>
				<h5>Regions</h5>
			</div>
			<div class="widget-content">
				<div class="span6"><%= link_to 'New Region', new_region_path, :class => "btn btn-primary" %></div>
			</div>
			<div class="widget-content nopadding">

				<table class="table table-bordered table-striped table-hover">
					<thead>
						<tr>
							<th>Id</th>
							<th>Name</th>
						</tr>
					</thead>
					<tbody>
						<% @regions.each do |region| %>
						<tr>
							<td><%= region.id %></td>
							<td><%= link_to region.name, region  %></td>
						</tr>
						<% end %>
					</tbody>
				</table>
				<%= link_to 'Previous', paginate_regions_path(:page => @regions.current_page - 1), :remote => true unless @regions.first_page? %> |
				<%= link_to 'Next', paginate_regions_path(:page => @regions.current_page + 1), :remote => true unless @regions.last_page? %>
			</div>
		</div>
	</div>
</div>

6_app\views\paginate_regions\index.js.erb

$('#regions').empty();
$('#regions').append('<%= escape_javascript(render partial: 'index') %>');

7_config\routes.rb

resources :paginate_regions, :only => [:index]