How to Show pagination on page

Rahib_Hasan · August 14, 2017, 7:19am

Actually i am creating a page . and show my all data now i want to use pagination on this page , but i dont know how add this pagination on page ?

Pls Help

THis my page

but i want to use pagination

Sangram · August 14, 2017, 7:24am

you can use pagination plugins for it.

e.g. Simple Customizable Pagination Plugin with jQuery and Bootstrap - Twbs Pagination | Free jQuery Plugins

Rahib_Hasan · August 14, 2017, 7:44am

Have Frappe default method ? anything else

Sangram · August 14, 2017, 9:56am

If you want to implement same as available in the framework. check following files,

github.com

frappe/frappe/blob/develop/frappe/public/js/frappe/ui/listing.html#L20


      
          	<div class="no-result text-center" style="display: none;">
          		{%= no_result_message %}
          	</div>
          	<div class="result">
          		<div class="list-headers"></div>
                  <div class="list-loading text-center">
                  	{%= frappe.messages.get_waiting_message(__("Loading") + "..." ) %}
                  </div>
          		<div class="result-list"></div>
          	</div>
          	<div class="list-paging-area">
          		<div class="row">
          			<div class="col-xs-6">
          				<div class="btn-group btn-group-paging">
          					<button type="button" class="btn btn-default btn-sm btn-info" data-value="20">20</button>
          					<button type="button" class="btn btn-default btn-sm" data-value="100">100</button>
          					<button type="button" class="btn btn-default btn-sm" data-value="500">500</button>
          				</div>
          			</div>
          			<div class="col-xs-6 text-right">
          				<button class="btn btn-default btn-more btn-sm">{%= _more %}...</button>

https://github.com/frappe/frappe/blob/develop/frappe/public/js/frappe/ui/base_list.js#L102