{"id":1992,"date":"2021-12-15T12:00:00","date_gmt":"2021-12-15T11:00:00","guid":{"rendered":"https:\/\/kindsonthegenius.com\/blog\/how-to-implement-pagination-in-spring-boot-with-thymeleaf\/"},"modified":"2026-07-05T03:26:15","modified_gmt":"2026-07-05T01:26:15","slug":"how-to-implement-pagination-in-spring-boot-with-thymeleaf","status":"publish","type":"post","link":"https:\/\/kindsonthegenius.com\/blog\/how-to-implement-pagination-in-spring-boot-with-thymeleaf\/","title":{"rendered":"Part 1 \u2013 How to Implement Pagination in Spring Boot with Thymeleaf"},"content":{"rendered":"

In this tutorial, you will learn how to easily implement pagination in Spring Boot with Thymeleaf page and JpaRepository. This would be a step-by-step tutorial with all the code snippets you need.<\/p>\n

I assume you already know how to get list of items from a repository and display them on a page using Thymeleaf.\u00a0 You can review this here.<\/p>\n

In this tutorial, we would adjust the Countries page to include pagination<\/p>\n

The following is covered:<\/p>\n

    \n
  1. What we Currently Have<\/a><\/li>\n
  2. Modify the Service<\/a><\/li>\n
  3. Write the GetOnePage Method<\/a><\/li>\n
  4. Write the GetFirstPage Method<\/a><\/li>\n
  5. Next Steps<\/a><\/li>\n<\/ol>\n

     <\/p>\n

    1. What we Currently Have<\/strong><\/h4>\n

    This is what is going to change<\/p>\n

    CountryService.java<\/strong> – this class has the findAll() method as shown below:<\/p>\n

    public<\/span> List<<\/span>Country><\/span> findAll<\/span>(){<\/span>\r\n    return<\/span> countryRepository.<\/span>findAll<\/span>();<\/span>\r\n}<\/span>\r\n<\/pre>\n
    we would modify this<\/p>\n
    CountryController.java<\/strong> – we would modify this as well<\/p>\n
    @GetMapping<\/span>(<\/span>\"\/parameters\/countries\"<\/span>)<\/span>\r\npublic<\/span> String  getAll<\/span>(<\/span>Model model,<\/span> String keyword){<\/span>\r\n    List<<\/span>Country><\/span> countries;<\/span>\r\n    countries =<\/span> keyword ==<\/span> null<\/span>?<\/span> countryService.<\/span>findAll<\/span>():<\/span>countryService.<\/span>findByKeyword<\/span>(<\/span>keyword);<\/span>\r\n    model.<\/span>addAttribute<\/span>(<\/span>\"countries\"<\/span>,<\/span> countries);<\/span>\r\n    return<\/span> \"\/parameters\/countries\"<\/span>;<\/span>\r\n}<\/span>\r\n<\/pre>\n
     <\/p>\n
    countries.html<\/strong> – this file contains the table markup. We would simply adjust the markup to include a footer in the table with pagination links.<\/p>\n
     <\/p>\n
    2. Modify the Service<\/strong><\/h4>\n
    The changes we would make here is quite simple.<\/p>\n
    We would write a new method called findPage(int pageNumber). This method takes an int parameter which would be that page to return. The return type is Page<> and not List<>. Then using this page number, we would create a Pageable object. Finally, we just call the repository findAll() method and pass it the Pageable object we created.<\/p>\n
    Note that a Page<> object contains a number of useful information including totalPages, content (list of items) and totalElements.<\/p>\n
    The complete method is given below:<\/p>\n
    public<\/span> Page<<\/span>Country><\/span> findPage<\/span>(<\/span>int<\/span> pageNumber){<\/span>\r\n    Pageable pageable =<\/span> PageRequest.<\/span>of<\/span>(<\/span>pageNumber -<\/span> 1<\/span>,<\/span>5<\/span>);<\/span>\r\n    return<\/span> countryRepository.<\/span>findAll<\/span>(<\/span>pageable);<\/span>\r\n}<\/span>\r\n<\/pre>\n
    Here, the PageRequest.of() takes the pageNumber-1 (because the page number is zero-based) as first argument. The second argument is the size. Also notice that the findAll() method can also take a Pageable as argument.<\/p>\n
     <\/p>\n
    3. Modify the Controller – GetOnePage() Method<\/strong><\/h4>\n
    So here, instead of findAll(), we would get one page at a time.<\/p>\n
    Now we need to write a new method that takes the pageNumber as second parameter. Remember the first parameter is the Model object. Then, we call the findPage() method, giving it the pageNumber\/currentPage as argument.<\/p>\n
    The pageNumber would come as a PathVariable.<\/p>\n
    Then once we have the page, we would extract the following:<\/p>\n