Hallo Leute,
ich wurde ein Pagination mit Bootstrap herstellen. Ich benutze davon auch Thymleaf. Aber leider klap das nicht.
Hier lasse ich mein HTML Code. danke euch.
ich wurde ein Pagination mit Bootstrap herstellen. Ich benutze davon auch Thymleaf. Aber leider klap das nicht.
Hier lasse ich mein HTML Code. danke euch.
HTML:
<nav class="Page navigation example">
<ul class="pagination justify-content-center"
th:classappend="${currentPage}==${i}?'active':''">
<li class="page-item"><a class="page-link" th:if="${currentPage > 1}"
th:href="@{${keyword} ? '/page/1' + '?keyword=' + ${keyword} : '/page/1'}"
onclick="setKeyword();">First</a> <span class="page-link"
th:unless="${currentPage > 1}">First</span></li>
<li class="page-item"><a class="page-link" th:if="${currentPage > 1}"
th:href="@{${keyword} ? '/page/' + ${currentPage - 1} + '?keyword=' + ${keyword} : '/page/' + ${currentPage - 1}}"
onclick="setKeyword();">Previous</a> <span class="page-link"
th:unless="${currentPage > 1}">Previous</span></li>
<li class="page-item"><span
th:each="i: ${#numbers.sequence(possiblePrevPage, possibleNextPage)}">
<a class="page-link active" onclick="setKeyword();" th:if="${currentPage != i}"
th:href="@{${keyword} ? '/page/' + ${i} + '?keyword=' + ${keyword} : '/page/' + ${i}}">[[${i}]]</a>
<a class="page-link " th:unless="${currentPage != i}">[[${i}]]</a>
</span></li>
<li class="page-item"><a class="page-link" th:if="${currentPage < totalPages}"
th:href="@{${keyword} ? '/page/' + ${currentPage + 1} + '?keyword=' + ${keyword} : '/page/' + ${currentPage + 1}}"
onclick="setKeyword();">Next</a> <span class="page-link"
th:unless="${currentPage < totalPages}">Next</span></li>
<li class="page-item"><a class="page-link" th:if="${currentPage < totalPages}"
th:href="@{${keyword} ? '/page/' + ${totalPages} + '?keyword=' + ${keyword} : '/page/' + ${totalPages}}"
onclick="setKeyword();">Last</a> <span class="page-link"
th:unless="${currentPage < totalPages}">Last</span></li>
</ul>
</nav>
Zuletzt bearbeitet: