Пагинация. Как поменять цвет активной страницы в пагинации?

Пагинация. Есть цикл each вызывающийся thymeleaf'ом.

<div class ="pagination">
                  <ul id="light-pagination" class="pagination col-xl-12 justify-content-center">
                     <li class="page-item disabled"><a class="page-link" href="#" tabindex="-1"><i class="fa fa-angle-left"></i></a></li>
                     <tr th:each="numberOfPages,state : ${lenOfBlog}">
                        <li class="page-item"><a class="page-link" href="/blog" th:href="${numberOfPages}" > <td th:utext="${numberOfPages}"></td></a></li>
                     </tr>
                     <li class="page-item disabled"><a class="page-link" href="/blog" th:href="${numberOfPages}"><i class="fa fa-angle-right"></i></a></li>
                  </ul>
                  </div>

Нужно цветом выделять страницу на которой я нахожусь в данный момент. Не пойму как это сделать, ведь, если я добавлю page-item-active, тот у меня будут все страницы выделенные. Подскажите, пожалуйста.

Цикл вытаскивает новости с БД.

Далее оставшийся код

@RequestMapping("/blog/{pageNo}")
    public String showBlog(@PathVariable int pageNo, Model model){
        List<BlogModel> list=blogService.findPaginated(pageNo-1);
        List<BlogModel> list1=blogService.findAll();
        model.addAttribute("allBlogs",list);
        ArrayList<Integer> numberOfPages = new ArrayList<Integer>();
        for (int i = 1; i <= (int)Math.ceil((float)list1.size()/5); i++ )
        {
            numberOfPages.add(i);
        }
        model.addAttribute("lenOfBlog",numberOfPages);
        return "blog";
    }

Модель:

  public BlogModel(String titleBlog, String textBlog, String categoryBlog, String dateBlog) {
        this.titleBlog = titleBlog;
        this.textBlog = textBlog;
      //  this.imageBlog = imageBlog;
        this.categoryBlog = categoryBlog;
        this.dateBlog = dateBlog;
    }

Ответы (0 шт):