Custom pagination view in Laravel 5

Question

Laravel 4 2 has the option to specify a custom view in app config view php such as       --------------------------------------------------------------------------   Pagination View  --------------------------------------------------------------------------     This view will be used to render the pagination link output  and can   be easily customized here to show any view you like  A clean view   compatible with Twitter s Bootstrap is given to you by default        pagination    gt   pagination slider-alt    This is gone in Laravel 5 at least regarding view php   Is there a way to replicate this behavior in Laravel 5

User · Answer

Laravel 5 2 uses presenters for this  You can create custom presenters or use the predefined ones  Laravel 5 2 uses the BootstrapThreePrensenter out-of-the-box  but it s easy to use the BootstrapFroutPresenter or any other custom presenters for that matter   public function index         return view  pages guestbook    entries   gt GuestbookEntry  paginate 25         In your blade template  you can use the following formula        entries- gt render new  Illuminate Pagination BootstrapFourPresenter  entries         For creating custom presenters I recommend watching Codecourse s video about this

User · Answer

For Laravel 5 3  and may be in other 5 X versions  put custom pagination code in you view folder   resources views pagination default blade php   if   paginator- gt hasPages         lt ul class  quot pagination quot  gt            -- Previous Page Link --            if   paginator- gt onFirstPage                 lt li class  quot disabled quot  gt  lt span gt  amp laquo  lt  span gt  lt  li gt           else              lt li gt  lt a href  quot     paginator- gt previousPageUrl      quot  rel  quot prev quot  gt  amp laquo  lt  a gt  lt  li gt           endif            -- Pagination Elements --            foreach   elements as  element                --  quot Three Dots quot  Separator --                if  is string  element                    lt li class  quot disabled quot  gt  lt span gt     element    lt  span gt  lt  li gt               endif                -- Array Of Links --                if  is array  element                    foreach   element as  page   gt   url                       if   page     paginator- gt currentPage                             lt li class  quot active quot  gt  lt span gt     page    lt  span gt  lt  li gt                       else                          lt li gt  lt a href  quot     url    quot  gt     page    lt  a gt  lt  li gt                       endif                  endforeach              endif          endforeach            -- Next Page Link --            if   paginator- gt hasMorePages                 lt li gt  lt a href  quot     paginator- gt nextPageUrl      quot  rel  quot next quot  gt  amp raquo  lt  a gt  lt  li gt           else              lt li class  quot disabled quot  gt  lt span gt  amp raquo  lt  span gt  lt  li gt           endif      lt  ul gt   endif  then call this pagination view file from the main view file as     posts- gt links  pagination default       Update the pagination default blade php however you want It works in 8 x versions as well

User · Answer

if you want to beautify the appearance of your pagination  I use the class from bootstrap to make it more simple and easy    if   students- gt lastPage    gt  1           lt ul class  pagination ml-auto  gt               lt li class       students- gt currentPage      1      disabled          page-item  gt                   lt a class   page-link   href      students- gt url 1      aria-label  Previous  gt                       lt span aria-hidden  true  gt  amp laquo  lt  span gt                       lt span class  sr-only  gt Previous lt  span gt                   lt  a gt               lt  li gt               for   i   1   i  lt    students- gt lastPage     i                     lt li class       students- gt currentPage       i      active          page-item  gt                       lt a class   page-link   href      students- gt url  i      gt     i    lt  a gt                   lt  li gt               endfor              lt li class       students- gt currentPage       students- gt lastPage        disabled          page-item  gt                   lt a href      students- gt url  students- gt currentPage   1      class  page-link  aria-label  Next  gt                       lt span aria-hidden  true  gt  amp raquo  lt  span gt                       lt span class  sr-only  gt Next lt  span gt                   lt  a gt               lt  li gt           lt  ul gt   endif

User · Answer

I am using Laravel 5 8  Task was to make pagination like next http   some-url page-N instead of http   some-url page N  It cannot be accomplished by editing  resources views vendor pagination blade-name-here blade php template  it could be generated by  php artisan vendor publish --tag laravel-pagination command   Here I had to extend core classes    My model used paginate method of DB instance  like next            essays   DB  table  this- gt table          - gt select  essays      categories name    categories id as category id           - gt join  categories    categories id         essays category id           - gt where  category id    categoryId          - gt where  is published    isPublished          - gt orderBy  h1           - gt paginate     here I need to extend this method              perPage                                page                page              Let s get started  paginate   method placed inside of  Illuminate Database Query Builder and returns Illuminate Pagination LengthAwarePaginator object  LengthAwarePaginator extends Illuminate Pagination AbstractPaginator  which has public function url  page  method  which need to be extended              Get the URL for a given page number         param  int   page     return string     public function url  page        if   page  lt   0             page   1                If we have any extra query string key   value pairs that need to be added        onto the URL  we will put them in query string form and then attach it        to the URL  This allows for extra information like sortings storage       parameters     this- gt pageName   gt   page        if  count  this- gt query   gt  0             parameters   array merge  this- gt query   parameters                 this part should be overwrited     return  this- gt path             Str  contains  this- gt path           amp                    Arr  query  parameters             this- gt buildFragment        Step by step guide  part of information I took from this nice article     Create Extended folder in app  directory  In Extended folder create 3 files CustomConnection php  CustomLengthAwarePaginator php  CustomQueryBuilder php    2 1 CustomConnection php file   namespace App Extended   use  Illuminate Database MySqlConnection          Class CustomConnection     package App Extended     class CustomConnection extends MySqlConnection                  Get a new query builder instance                 return  App Extended CustomQueryBuilder             public function query                Here core QueryBuilder is overwrited by CustomQueryBuilder         return new CustomQueryBuilder               this               this- gt getQueryGrammar                 this- gt getPostProcessor                        2 2 CustomLengthAwarePaginator php file - this file contains main part of information which need to be overwrited   namespace App Extended   use Illuminate Pagination LengthAwarePaginator  use Illuminate Support Arr  use Illuminate Support Str          Class CustomLengthAwarePaginator     package App Extended     class CustomLengthAwarePaginator extends LengthAwarePaginator                  Get the URL for a given page number         Overwrited parent class method                       param  int   page         return string             public function url  page                if   page  lt   0                 page   1                        here the MAIN overwrited part of code BEGIN          parameters                if  count  this- gt query   gt  0                 parameters   array merge  this- gt query   parameters                       path     this- gt path       this- gt pageName - page              here the MAIN overwrited part of code END          if  parameters                 path     Str  contains  this- gt path           amp            Arr  query  parameters                       path     this- gt buildFragment             return  path            2 3 CustomQueryBuilder php file   namespace App Extended   use Illuminate Container Container  use  Illuminate Database Query Builder          Class CustomQueryBuilder     package App Extended     class CustomQueryBuilder extends Builder                  Create a new length-aware paginator instance         Overwrite paginator s class  which will be used for pagination                param   Illuminate Support Collection   items         param  int   total         param  int   perPage         param  int   currentPage         param  array   options         return  Illuminate Pagination LengthAwarePaginator             protected function paginator  items   total   perPage   currentPage   options                   here changed            CustomLengthAwarePaginator instead of LengthAwarePaginator         return Container  getInstance  - gt makeWith CustomLengthAwarePaginator  class  compact               items    total    perPage    currentPage    options                         In  config app php need to change db provider    providers    gt         comment this line            illuminate Database DatabaseServiceProvider  class      and add instead  App Providers CustomDatabaseServiceProvider  class   In your controller  or other place where you receive paginated data from db  you need to change pagination s settings      here are paginated results  essaysPaginated    essaysModel- gt getEssaysByCategoryIdPaginated  id  config  custom essaysPerPage     page      init your current page url  without pagination part     like http   your-site-url your-current-page-url  customUrl     my-current-url-here      set url part to paginated results before showing to avoid     pagination like http   your-site-url your-current-page-url page-2 page-3 in pagination buttons  essaysPaginated- gt withPath  customUrl    Add pagination links in your view   resources views your-controller your-blade-file blade php   like next    lt nav gt          essays- gt onEachSide 5 - gt links  vendor pagination bootstrap-4       lt  nav gt     ENJOY     Your custom pagination should work now

User · Answer

Hi there is my code for pagination  Use in blade   include  pagination default     paginator      users    Views pagination default blade php    if   paginator- gt lastPage    gt  1   si la pagina actual es distinto a 1 y hay mas de 5 hojas muestro el boton de 1era hoja -- gt  if actual page is not equals 1  and there is more than 5 pages then I show first page button -- gt   if   paginator- gt currentPage      1  amp  amp   paginator- gt lastPage    gt   5   lt  lt   endif      lt  -- si la pagina actual es distinto a 1 muestra el boton de atras -- gt       if  paginator- gt currentPage      1           lt li gt               lt a href      paginator- gt url  paginator- gt currentPage  -1       gt                   lt               lt  a gt           lt  li gt       endif       lt  -- dibuja las hojas    Tomando un rango de 5 hojas  siempre que puede muestra 2 hojas hacia atras y 2 hacia adelante -- gt       lt  -- I draw the pages    I show 2 pages back and 2 pages forward -- gt       for  i   max  paginator- gt currentPage  -2  1    i  lt   min max  paginator- gt currentPage  -2  1  4  paginator- gt lastPage      i                 lt li class       paginator- gt currentPage       i      active           gt                   lt a href      paginator- gt url  i      gt     i    lt  a gt               lt  li gt       endfor       lt  -- si la pagina actual es distinto a la ultima muestra el boton de adelante -- gt       lt  -- if actual page is not equal last page then I show the forward button-- gt       if   paginator- gt currentPage       paginator- gt lastPage             lt li gt               lt a href      paginator- gt url  paginator- gt currentPage   1       gt                   gt               lt  a gt           lt  li gt       endif       lt  -- si la pagina actual es distinto a la ultima y hay mas de 5 hojas muestra el boton de ultima hoja -- gt       lt  -- if actual page is not equal last page  and there is more than 5 pages then I show last page button -- gt       if   paginator- gt currentPage       paginator- gt lastPage    amp  amp   paginator- gt lastPage    gt   5           lt li gt               lt a href      paginator- gt url  paginator- gt lastPage         gt                   gt  gt               lt  a gt           lt  li gt       endif  lt  ul gt

User · Answer

Here is an easy solution of customized Laravel pagination both server and client side code is included    Assuming using Laravel 5 2 and the following included view    include  pagination default     pager      data    Features   Showing Previous and Next buttons and disable them when not applicable  Showing First and Last page buttons  Example     Previous First     10 11 12 13 14 15 16 17 18     Last Next     default blade php   if   paginator- gt last page  gt  1   lt ul class  pagination pg-blue  gt       lt li class  page-item     paginator- gt current page    1   disabled        gt           lt a class  page-link  tabindex  -1  href       locate-vendor       substr  paginator- gt prev page url 7      gt              Previous          lt  a gt       lt  li gt        lt li class  page-item     paginator- gt current page    1   disabled        gt           lt a class  page-link  tabindex  -1  href       locate-vendor 1     gt              First          lt  a gt       lt  li gt        if    paginator- gt current page  gt  5        lt li class  page-item  gt           lt a class  page-link  tabindex  -1  gt     lt  a gt       lt  li gt       endif       for   i   1   i  lt    paginator- gt last page   i             if     i  gt    paginator- gt current page - 5    amp  amp    i  lt    paginator- gt current page   5              lt li class  page-item     paginator- gt current page     i   active        gt               lt a class  page-link  href      locate-vendor       i    gt    i   lt  a gt           lt  li gt           endif      endfor       if    paginator- gt current page  lt    paginator- gt last page - 4         lt li class  page-item  gt           lt a class  page-link  tabindex  -1  gt     lt  a gt       lt  li gt       endif       lt li class  page-item     paginator- gt current page   paginator- gt last page   disabled        gt           lt a class  page-link  href      locate-vendor       paginator- gt last page    gt              Last          lt  a gt       lt  li gt        lt li class  page-item     paginator- gt current page   paginator- gt last page   disabled        gt           lt a class  page-link  href      locate-vendor      substr  paginator- gt next page url 7     gt              Next          lt  a gt       lt  li gt   lt  ul gt   endif   Server Side Controller Function  public function getVendors  Request  request                 inputs    request- gt except  token             perPage     isset  inputs  per page     amp  amp   inputs  per page   gt 0   inputs  per page    this- gt perPage              currentPage    isset  inputs  page     amp  amp   inputs  page   gt 0   inputs  page    this- gt page              slice init     currentPage    1  0    currentPage  perPage - perPage             totalVendors   DB  table  client broker                              - gt whereIn  client broker type id    1  2                              - gt where  status id    1                              - gt whereNotNull  client broker company name                              - gt whereNotNull  client broker email                              - gt select  client broker id    client broker company name   client broker email                              - gt distinct                              - gt count              vendors   DB  table  client broker                              - gt whereIn  client broker type id    1  2                              - gt where  status id    1                              - gt whereNotNull  client broker company name                              - gt whereNotNull  client broker email                              - gt select  client broker id    client broker company name   client broker email                              - gt distinct                              - gt skip  slice init                             - gt take  perPage                             - gt get              vendors   new LengthAwarePaginator  vendors   totalVendors   perPage   currentPage            if   totalVendors                 response     status    gt  1   totalVendors    gt   totalVendors   pageLimit   gt  perPage   data    gt   vendors    Message    gt   Vendors Details Found               else                response     status    gt  0   totalVendors    gt  0   data    gt       pageLimit   gt       Message    gt   Vendors Details not Found                       return response  - gt json  response  200

User · Answer

In Laravel 5 custom pagination is based on presenters  classes  instead of views   Assuming in your routed code you have   users   Users  paginate 15     In L4 you used to do something like this in your views    users- gt appends   sort    gt   votes   - gt links      In L5 you do instead    users- gt appends   sort    gt   votes   - gt render      The render   method accepts an Illuminate Contracts Pagination Presenter instance  You can create a custom class that implements that contract and pass it to the render   method  Note that Presenter is an interface  not a class  therefore you must implement it  not extend it  That s why you are getting the error   Alternatively you can extend the Laravel paginator  in order to use its pagination logic  and then pass the existing pagination instance   users- gt      to you extended class constructor  This is indeed what I did for creating my custom Zurb Foundation presenter based on the Bootstrap presenter provided by Laravel  It uses all the Laravel pagination logic and only overrides the rendering methods   With my custom presenter my views look like this   with new  Stolz Laravel Pagination  users- gt appends   sort    gt   votes     - gt render      And my customized pagination presenter is    lt  php namespace Stolz Laravel   use Illuminate Pagination BootstrapThreePresenter   class Pagination extends BootstrapThreePresenter                  Convert the URL window into Zurb Foundation HTML                 return string             public function render                 if     this- gt hasPages                return              return sprintf                lt ul class  pagination  aria-label  Pagination  gt  s  s  s lt  ul gt  lt  div gt                 this- gt getPreviousButton                 this- gt getLinks                 this- gt getNextButton                                    Get HTML wrapper for disabled text                 param  string   text         return string             protected function getDisabledTextWrapper  text                return   lt li class  unavailable  aria-disabled  true  gt  lt a href  javascript void 0   gt    text   lt  a gt  lt  li gt                          Get HTML wrapper for active text                 param  string   text         return string             protected function getActivePageWrapper  text                return   lt li class  current  gt  lt a href  javascript void 0   gt    text   lt  a gt  lt  li gt                          Get a pagination  dot  element                 return string             protected function getDots                 return  this- gt getDisabledTextWrapper   amp hellip

User · Answer

If you want to change the page number in url instead of get data like  pageNo  ex    2  you can use jquery to change url   I have some data in get method with the url     function            pagination li a   each function          var link     this  attr  href        var pageText     this  text        var activePage   parseInt     pagination li active span   text         if  pageText trim                    pageText   activePage - 1        else if  pageText trim                    pageText   activePage   1            link   link replace            pageText             link   link replace   amp page     pageText             this  attr  href   link       console log link

User · Answer

I use this code with k7 theme and use this code with their built in class  You can also use this code with your theme and your class as you need    try to do this    lt section class  page-paging pt-0  gt     lt div class  container  gt       lt div class  row  gt         lt div class  col-12  gt           lt nav aria-label  Page navigation example  gt             if   view post- gt lastPage    gt  1               lt ul class  pager list-inline mb-0 text-center  gt                 lt li class       view post- gt currentPage      1      disabled         p-1 list-inline-item float-sm-left  gt                   lt a class  active page-link brd-gray px-4 py-3 font-weight-bold  href      view post- gt url 1      gt                     lt i class  fa fa-angle-left pr-1  gt  lt  i gt  Prev                  lt  a gt                 lt  li gt                 for   i   1   i  lt    view post- gt lastPage     i                   lt li class   p-1 list-inline-item d-none d-md-inline-block  gt                   lt a class       view post- gt currentPage       i      active          page-link brd-gray px-4 py-3 font-weight-bold  href      view post- gt url  i      gt     i                     lt  a gt                 lt  li gt                 endfor                lt li class       view post- gt currentPage       view post- gt lastPage        disabled          p-1 list-inline-item float-sm-right  gt                   lt a class  active page-link brd-gray px-4 py-3 font-weight-bold  href      view post- gt url  view post- gt currentPage   1      gt  Next                     lt i class  fa fa-angle-right pl-1  gt  lt  i gt                   lt  a gt                 lt  li gt               lt  ul gt             endif          lt  nav gt         lt  div gt       lt  div gt     lt  div gt   lt  section gt

User · Answer

In 5 5 links   is replaced with render   which appears to work similarly   Official DOC   replace       replies- gt links        with       replies- gt render  pagination  default        Following commands will generate Pagination template in resources views vendor pagination  artisan vendor publish --tag laravel-pagination artisan vendor publish   In any view file  blade files  you can use those template like following ex         replies- gt render  pagination  default          replies- gt render  pagination  bootstrap-4          replies- gt render  pagination  simple-bootstrap-4            replies- gt render  pagination  semantic-ui

User · Answer

If you want to customize your pagination link using next and prev  You can see at Paginator php Inside it  there s some method I m using Laravel 7  lt a href  quot     paginator- gt previousPageUrl      quot   lt   lt  a gt   lt a href  quot     paginator- gt nextPageUrl      quot   gt   lt  a gt   To limit items  in controller using paginate    paginator   Model  paginate int

User · Answer

In Laravel 5 4  The easiest way I found  by exporting them to your resources views vendor directory using the vendor publish command  php artisan vendor publish --tag laravel-pagination  and than go to resources views vendor pagination default blade php  and do your customization there   Full documentation about this can be found here

User · Answer

Laravel 5 ships with a Bootstrap 4 paginator if anyone needs it    First create a new service provider   php artisan make provider PaginationServiceProvider   In the register method pass a closure to Laravel s paginator class that creates and returns the new presenter    lt  php   namespace App Providers   use Illuminate Pagination BootstrapFourPresenter  use Illuminate Pagination Paginator  use Illuminate Support ServiceProvider   class PaginationServiceProvider extends ServiceProvider                  Bootstrap the application services                 return void             public function boot                                          Register the application services                 return void             public function register                 Paginator  presenter function  paginator                        return new BootstrapFourPresenter  paginator                         Register the new provider in config app php   providers    gt                   App Providers PaginationServiceProvider  class      I found this example at Bootstrap 4 Pagination With Laravel

User · Answer

beside the answer of  MantasD I would like to offer comprehensive customized Laravel pagination  Assuming using Laravel 5 2 and the following included view    include  pagination default     pager    gt   users     Features   Showing Previous and Next buttons and disable them when not applicable Showing First and Last page icon only if the Previous and Next page not doing the same Generate relative links ex   10  100  500    etc   instead of limiting pages Showing result from x to y of each page using a helper function    default blade php   if  pager- gt lastPage      1   lt ul class  pagination  gt        unless  pager- gt currentPage    lt  3           lt li class  paginate button previous  gt               lt a href      pager- gt url 1      title  First Page  gt  lt i class  fa fa-angle-double-left  gt  lt  i gt  lt  a gt           lt  li gt       endunless       lt li class  paginate button previous  unless  pager- gt previousPageUrl   disabled  endunless  gt           lt a href      pager- gt previousPageUrl       gt  lt i class  fa fa-angle-left  gt  lt  i gt  lt  a gt       lt  li gt        while  pager- gt paging    lt   pager- gt lastPage             if  abs  pager- gt paging -  pager- gt currentPage     gt   2                -- Generate relative links  eg   10 etc  --                if in array abs  pager- gt paging -  pager- gt currentPage     array 10  50  100  500  1000               and  pager- gt paging    1 and  pager- gt paging     pager- gt lastPage                     lt li class  paginate button  unless  pager- gt currentPage       pager- gt paging active  endunless  gt                       lt a title  Results from    PaginationStartEnd  pager- gt paging   pager- gt perPage     pager- gt total     start      to    PaginationStartEnd  pager- gt paging   pager- gt perPage     pager- gt total     end      of     pager- gt total       href      pager- gt url  pager- gt paging      gt                           lt  --       pager- gt paging -  pager- gt currentPage      -- gt     pager- gt paging                         lt  a gt                   lt  li gt               endif          else              lt li class  paginate button  unless  pager- gt currentPage       pager- gt paging active  endunless  gt                   lt a title  Results from    PaginationStartEnd  pager- gt paging   pager- gt perPage     pager- gt total     start      to    PaginationStartEnd  pager- gt paging   pager- gt perPage     pager- gt total     end      of     pager- gt total       href      pager- gt url  pager- gt paging      gt                          pager- gt paging                     lt  a gt               lt  li gt           endif      endwhile       lt li class  paginate button next  unless  pager- gt nextPageUrl   disabled  endunless  gt           lt a href      pager- gt nextPageUrl       gt  lt i class  fa fa-angle-right  gt  lt  i gt  lt  a gt       lt  li gt        unless  pager- gt lastPage   -  pager- gt currentPage    lt  2           lt li class  paginate button next  gt               lt a href      pager- gt url  pager- gt lastPage        title  Last Page  gt  lt i class  fa fa-angle-double-right  gt  lt  i gt  lt  a gt           lt  li gt       endunless   lt  ul gt   endif   PaginationStartEnd function  if   function exists  PaginationStartEnd      function PaginationStartEnd  currentPage   perPage   total         pageStart   number format   perPage     currentPage - 1         pageEnd    pageStart     perPage       if   pageEnd  gt   total           pageEnd    total        pageStart         return array  start    gt  number format  pageStart    end    gt  number format  pageEnd          You can use and customize this more as you wish   Note   pager- paging is variable set to 0 declared in the controller action

User · Answer

In Laravel 5 3  use    users- gt links  view name     In Laravel 5 0 - 5 2 instead of   users- gt render     use   include  pagination default     paginator    gt   users     views pagination default blade php   if   paginator- gt lastPage    gt  1   lt ul class  pagination  gt       lt li class       paginator- gt currentPage      1      disabled           gt           lt a href      paginator- gt url 1      gt Previous lt  a gt       lt  li gt       for   i   1   i  lt    paginator- gt lastPage     i             lt li class       paginator- gt currentPage       i      active           gt               lt a href      paginator- gt url  i      gt     i    lt  a gt           lt  li gt       endfor      lt li class       paginator- gt currentPage       paginator- gt lastPage        disabled           gt           lt a href      paginator- gt url  paginator- gt currentPage   1       gt Next lt  a gt       lt  li gt   lt  ul gt   endif   That s it     If you have a lot of pages  use this template   views pagination limit links blade php   lt  php    config  link limit   7     maximum number of links  a little bit inaccurate  but will be ok for now    gt    if   paginator- gt lastPage    gt  1       lt ul class  pagination  gt           lt li class       paginator- gt currentPage      1      disabled           gt               lt a href      paginator- gt url 1      gt First lt  a gt            lt  li gt           for   i   1   i  lt    paginator- gt lastPage     i                 lt  php              half total links   floor  link limit   2                from    paginator- gt currentPage   -  half total links               to    paginator- gt currentPage      half total links              if   paginator- gt currentPage    lt   half total links                    to     half total links -  paginator- gt currentPage                              if   paginator- gt lastPage   -  paginator- gt currentPage    lt   half total links                     from -   half total links -   paginator- gt lastPage   -  paginator- gt currentPage    - 1                              gt               if   from  lt   i  amp  amp   i  lt   to                   lt li class       paginator- gt currentPage       i      active           gt                       lt a href      paginator- gt url  i      gt     i    lt  a gt                   lt  li gt               endif          endfor          lt li class       paginator- gt currentPage       paginator- gt lastPage        disabled           gt               lt a href      paginator- gt url  paginator- gt lastPage        gt Last lt  a gt           lt  li gt       lt  ul gt   endif

User · Answer

Thanks to MantisD s post  for Bootstrap 4 this worked nicely    lt  php  link limit   7     maximum number of links  a little bit inaccurate  but will be ok for now    gt    if   paginator- gt lastPage    gt  1       lt div id  news paginate  class  dataTables paginate paging simple numbers  gt           lt ul class  pagination  gt               lt li id  news previous  class  paginate button page-item previous      paginator- gt currentPage      1      disabled           gt                   lt a class  page-link  tabindex  0  href      paginator- gt url 1      gt Previous lt  a gt               lt  li gt               for   i   1   i  lt    paginator- gt lastPage     i                     lt  php                      half total links   floor  link limit   2                        from    paginator- gt currentPage   -  half total links                       to    paginator- gt currentPage      half total links                      if   paginator- gt currentPage    lt   half total links                             to     half total links -  paginator- gt currentPage                                              if   paginator- gt lastPage   -  paginator- gt currentPage    lt   half total links                             from -   half total links -   paginator- gt lastPage   -  paginator- gt currentPage    - 1                                          gt                   if   from  lt   i  amp  amp   i  lt   to                       lt li class  paginate button page-item      paginator- gt currentPage       i      active           gt                           lt a class  page-link  href      paginator- gt url  i      gt     i    lt  a gt                       lt  li gt                   endif              endfor              lt li id  news next  class  paginate button page-item      paginator- gt currentPage       paginator- gt lastPage        disabled           gt                   if  paginator- gt currentPage       paginator- gt lastPage                         lt a class  page-link  tabindex  0  href      paginator- gt url  paginator- gt currentPage         gt End lt  a gt                   else                      lt a class  page-link  tabindex  0  href      paginator- gt url  paginator- gt currentPage   1       gt Next lt  a gt                   endif              lt  li gt           lt  ul gt       lt  div gt   endif

User · Answer

A quick JS fix for Bootstrap 4 pagination in Laravel 5   Simply place the below script within your page        lt script gt                  pagination li   addClass  page-item                    pagination li a   addClass  page-link                    pagination span   addClass  page-link          lt  script gt    Advantages  saves server CPU  needs no adjustments in your app

User · Answer

Maybe it is too late  but I would like to share another custom pagination template I made that creates a first next and last previous links  It also hides the links when the user is in the first last page already    Optional  You can also determine the interval of links  the number of links before and after the current page   Usage example     include  pagination     paginator    gt   users     or   include  pagination     paginator    gt   users   interval    gt  5     Here is the gist  https   gist github com carloscarucce 33f6082d009c20f77499252b89c35dea  And the code    if  isset  paginator   amp  amp   paginator- gt lastPage    gt  1        lt ul class  pagination  gt            lt  php          interval   isset  interval    abs intval  interval     3            from    paginator- gt currentPage   -  interval          if  from  lt  1                from   1                      to    paginator- gt currentPage      interval          if  to  gt   paginator- gt lastPage                  to    paginator- gt lastPage                        gt            lt  -- first previous -- gt           if  paginator- gt currentPage    gt  1               lt li gt                   lt a href      paginator- gt url 1      aria-label  First  gt                       lt span aria-hidden  true  gt  amp laquo  lt  span gt                   lt  a gt               lt  li gt                lt li gt                   lt a href      paginator- gt url  paginator- gt currentPage   - 1      aria-label  Previous  gt                       lt span aria-hidden  true  gt  amp lsaquo  lt  span gt                   lt  a gt               lt  li gt           endif           lt  -- links -- gt           for  i    from   i  lt    to   i                 lt  php               isCurrentPage    paginator- gt currentPage       i                gt               lt li class      isCurrentPage    active           gt                   lt a href       isCurrentPage    paginator- gt url  i            gt                          i                     lt  a gt               lt  li gt           endfor           lt  -- next last -- gt           if  paginator- gt currentPage    lt   paginator- gt lastPage                 lt li gt                   lt a href      paginator- gt url  paginator- gt currentPage     1      aria-label  Next  gt                       lt span aria-hidden  true  gt  amp rsaquo  lt  span gt                   lt  a gt               lt  li gt                lt li gt                   lt a href      paginator- gt url  paginator- gt lastpage        aria-label  Last  gt                       lt span aria-hidden  true  gt  amp raquo  lt  span gt                   lt  a gt               lt  li gt           endif       lt  ul gt    endif

User · Answer

Here s one for Laravel 5  Bootstrap 4 and without Blade syntax  for those who find it infinitely harder to read    To use  instead of        users- gt render         Use    include  partials pagination     paginator    gt   users     Where partials pagination is your blade template file with the below contents pasted in        Number of links to show  Odd numbers work better  linkCount   7   pageCount    paginator- gt lastPage     if   pageCount  gt  1         currentPage    paginator- gt currentPage         pagesEitherWay   floor  linkCount   2        paginationHtml     lt ul class  pagination  gt            Previous item      previousDisabled    currentPage    1    disabled             paginationHtml      lt li class  page-item    previousDisabled    gt                               lt a class  page-link  href     paginator- gt url  currentPage - 1     aria-label  Previous  gt                                   lt span aria-hidden  true  gt  amp laquo  lt  span gt                                   lt span class  sr-only  gt Previous lt  span gt                               lt  a gt                           lt  li gt            Set the first and last pages      startPage     currentPage -  pagesEitherWay   lt  1   1    currentPage -  pagesEitherWay       endPage     currentPage    pagesEitherWay   gt   pageCount    pageCount     currentPage    pagesEitherWay           Alter if the start is too close to the end of the list     if   startPage  gt   pageCount -  linkCount                 startPage     pageCount -  linkCount    1           endPage    pageCount                Alter if the end is too close to the start of the list     if   endPage  lt    linkCount                 startPage   1           endPage    linkCount  lt   pageCount    linkCount    pageCount                Loop through and collect     for   i    startPage   i  lt    endPage   i                   disabledClass    i     currentPage    disabled                 paginationHtml      lt li class  page-item    disabledClass    gt                                   lt a class  page-link  href     paginator- gt url  i     gt    i   lt  a gt                               lt  li gt                  Next item      nextDisabled    currentPage     pageCount    disabled             paginationHtml      lt li class  page-item    nextDisabled    gt                               lt a class  page-link  href     paginator- gt url  currentPage   1     aria-label  Next  gt                                   lt span aria-hidden  true  gt  amp raquo  lt  span gt                                   lt span class  sr-only  gt Next lt  span gt                               lt  a gt                           lt  li gt          paginationHtml      lt  ul gt         echo  paginationHtml

User · Answer

Whereas in Laravel 4 2 I would use       users- gt links  view name        In Laravel 5 you can replicate the above with the following    include  view name     object    gt   users     Now in the included view   object will have the pagination methods available  such as currentPage    lastPage    perPage    etc   You can view all methods available at http   laravel com docs 5 0 pagination

[php] Custom pagination view in Laravel 5

Examples related to php

Examples related to laravel-5

[php] Custom pagination view in Laravel 5

Examples related to php

Examples related to pagination

Examples related to laravel-5