{% set ajax_options = pl_options.AjaxOptions(http_method='GET', update_target_id='ajax-tracks-table', on_complete='on_paged_complete') %}
{{ pl_builder.paged_list_goto_page_form( paged_list, url_for('UnobtrusiveView:index'), pl_options.GoToFormRenderOptions.enable_unobtrusive_ajax_replacing_options(ajax_options)) }} {% for item in paged_list %} {% endfor %}
# Name Composer Duration Size Unit Price
{{ item.id }} {{ item.name }} {{ item.composer }} {{ item.duration|human_duration }} {{ item.size|filesizeformat }} {{ item.unit_price|human_price }}

Pager 1 - Classic

{{ pl_builder.paged_list_pager( paged_list, pl_builder.page_url_generator('UnobtrusiveView:index'), pl_options.PagedListRenderOptions.enable_unobtrusive_ajax_replacing_options(ajax_options)) }}

Pager 2 - Only show five pages at a time

{{ pl_builder.paged_list_pager( paged_list, pl_builder.page_url_generator('UnobtrusiveView:index'), pl_options.PagedListRenderOptions.enable_unobtrusive_ajax_replacing( pl_options.PagedListRenderOptions.only_show_five_pages_at_a_time(), ajax_options)) }}

Pager 3 - Minimal with page count

{{ pl_builder.paged_list_pager( paged_list, pl_builder.page_url_generator('UnobtrusiveView:index'), pl_options.PagedListRenderOptions.enable_unobtrusive_ajax_replacing( pl_options.PagedListRenderOptions.minimal_with_page_count_text(), ajax_options)) }}

Pager 4 - Minimal with item count

{{ pl_builder.paged_list_pager( paged_list, pl_builder.page_url_generator('UnobtrusiveView:index'), pl_options.PagedListRenderOptions.enable_unobtrusive_ajax_replacing( pl_options.PagedListRenderOptions.minimal_with_item_count_text(), ajax_options)) }}

Pager 5 - Twitter bootstrap style

{{ pl_builder.paged_list_pager( paged_list, pl_builder.page_url_generator('UnobtrusiveView:index'), pl_options.PagedListRenderOptions.enable_unobtrusive_ajax_replacing( pl_options.PagedListRenderOptions.twitter_bootstrap_pager(), ajax_options)) }}

Pager 6 - Twitter bootstrap style (aligned)

{{ pl_builder.paged_list_pager( paged_list, pl_builder.page_url_generator('UnobtrusiveView:index'), pl_options.PagedListRenderOptions.enable_unobtrusive_ajax_replacing( pl_options.PagedListRenderOptions.twitter_bootstrap_pager_aligned(), ajax_options)) }}