ترقيم الصفحات

    <div class="row mt-3">    <div class="col-sm-12 col-md-5"> &#x639;&#x631;&#x636; 1 &#x627;&#x644;&#x64A; 10 &#x645;&#x646; 100 &#x625;&#x62F;&#x62E;&#x627;&#x644;&#x627;&#x62A;</div>
    <div class="col-sm-12 col-md-7">
        <nav aria-label="Page navigation">
            <ul class="pagination justify-content-end">
<li class="page-item disabled">
<a tabindex="-1" class="page-link" href="/Layouts/Application/Components/Pagination?currentPage=1">&#x627;&#x644;&#x633;&#x627;&#x628;&#x642;</a>                </li>
<li class="page-item active">
                                 <span class="page-link">
                                    1
                                    <span class="visually-hidden">(current)</span>
                                </span>
</li>

<li class="page-item ">
<a tabindex="-1" class="page-link" href="/Layouts/Application/Components/Pagination?currentPage=2">2</a>
</li>

<li class="page-item ">
<span class="page-link gap">…</span>
</li>

<li class="page-item ">
<a tabindex="-1" class="page-link" href="/Layouts/Application/Components/Pagination?currentPage=9">9</a>
</li>

<li class="page-item ">
<a tabindex="-1" class="page-link" href="/Layouts/Application/Components/Pagination?currentPage=10">10</a>
</li>


<li class="page-item ">
<a tabindex="-1" class="page-link" href="/Layouts/Application/Components/Pagination?currentPage=2">&#x627;&#x644;&#x62A;&#x627;&#x644;&#x649;</a>                </li>
            </ul>
         </ nav>
    </div>

</div>