@@include('header.htm', { "title": "Pagination - Sleek Admin Dashboard Template", "vector_map": "", "date_range_picker": "", "select2": "", "ladda": "", "toastr": "", "flag_icon": "", "full_calendar_core": "", "full_calendar_daygrid": "", "data_table": "", "responsive_data_table": "", "expendable_data_table": "" }) @@include('sidebar.htm', { "parent": "components", "sub_parent": "components", "active": "pagination" }) @@include('top-bar.htm')

Default Pagination

Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages. Read bootstrap documentation More details

Flat Pagination

For Flat Pagination add class .pagination-flat to <div class="pagination">

Separated Pagination

For Separated Pagination add class .pagination-seperated to <div class="pagination">

Bordered Rounded

For Bordered Rounded Pagination add class .border-rounded to <div class="pagination">

Flat Rounded Pagination

For Flat Rounded Pagination add class .pagination-flat pagination-flat-rounded to <div class="pagination">

Seperated Rounded Pagination

For Seperated Rounded Pagination add class .pagination-seperated pagination-seperated-rounded to <div class="pagination">

@@include('footer.htm', { "chart_js": "", "chartjs": "", "google_map": "", "mapjs": "", "vector_map": "", "vector_map_world_mill": "", "vector_map_js": "", "date_range_picker_moment": "", "date_range_picker": "", "date_range_js": "", "select2": "", "ladda_spin": "", "ladda": "", "jquery_mask": "", "toastr": "", "circle_progress": "", "full_calendar_core": "", "full_calendar_daygrid": "", "full_calendar_js": "", "data_table": "", "data_table_bootstrap4": "", "responsive_data_table": "" })