<div class="join">
    <a role="button" href="#1" class="btn join-item">
        1
    </a>

    <a role="button" class="btn join-item btn-disabled">
        ...
    </a>

    <a role="button" href="#37" class="btn join-item">
        37
    </a>

    <a role="button" href="#38" class="btn join-item">
        38
    </a>

    <a role="button" href="#39" class="btn join-item">
        39
    </a>

    <a role="button" href="#40" class="btn join-item btn-active">
        40
    </a>

    <a role="button" href="#41" class="btn join-item">
        41
    </a>

    <a role="button" href="#42" class="btn join-item">
        42
    </a>

    <a role="button" href="#43" class="btn join-item">
        43
    </a>

    <a role="button" class="btn join-item btn-disabled">
        ...
    </a>

    <a role="button" href="#97" class="btn join-item">
        97
    </a>

    <a role="button" href="#98" class="btn join-item">
        98
    </a>

    <a role="button" href="#99" class="btn join-item">
        99
    </a>
</div>
@!jrmc.pagination({ object: fakeUsers({ currentPage: 40, total: 99 }) })

Pagination

Doc : daisyui pagination

Pagination is a group of buttons that allow the user to navigate between a set of related content.

⚠️ This component is adapted for adonisJS and Lucid

Adonis pagination

Class name Type
btn-group Component Groups buttons together