Forked from Kurounin:Pagination-Blaze in order to make it compatible with Meteor 3.
This package provides a Bootstrap 5 Paginator Blaze template to be used with the carlosalvidrez:pagination package. It can also be configured to use custom styling.
In the template helpers you need to define a helper to return the pagination instance and you can define an optional callback which should be called right before changing the page
Template.myList.helpers({
templatePagination: () => Template.instance().pagination,
clickEvent: () => {
return (e, templateInstance, clickedPage) => {
e.preventDefault();
console.log(
'Changing page from ',
templateInstance.data.pagination.currentPage(),
' to ',
clickedPage
);
};
}
});
In the template html file add the paginator
{{> defaultBootstrapPaginator
pagination=templatePagination
onClick=clickEvent
limit=10
containerClass="text-center"
}}
For Semantic UI, use the following configuration
{{> defaultBootstrapPaginator
pagination=templatePagination
onClick=clickEvent
limit=10
paginationClass="ui pagination menu"
itemClass="item"
wrapLinks=false
}}
Available template parameters are:
pagination
: pagination instancelimit
: the maximum number of page links to displaycontainerClass
: optional container class for the paginatorpaginationClass
: optional class for the ul element (defaults topagination
)itemClass
: optional class for the page links elementswrapLinks
: if set to true page links will be wrapped in li elements (defaults totrue
)onClick
: optional callback to be called when page link is clicked (default callback runse.preventDefault()
)