bootstrap 4 表格分页

原创于 2018-02-27 20:20:55 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap

学习笔记同时被 2 个专栏收录

13 篇文章

订阅专栏

Bootstrap

8 篇文章

订阅专栏

本文介绍如何使用Bootstrap4框架创建带有分页功能的表格。通过HTML代码示例展示了一个包含基本分页导航的响应式表格布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bootstrap 4 表格分页

<table class="table">
    <thead>
        <th scope="col">字段1</th>
        <th scope="col">字段2</th>
    </thead>
    <tbody>
        <tr scope="row">
            <td>单元格1</td>
            <td>单元格2</td>
        </tr>
    </tbody>
</table>

<nav aria-label="Page navigation">
    <ul class="pagination">
        <li class="page-item active">
            <a href="" aria-label="previous" class="page-link">
                <span>Previous</span>
            </a>
        </li>
        <li class="page-item"><a href="#" class="page-link">1</a></li>
        <li class="page-item"><a href="#" class="page-link">2</a></li>
        <li class="page-item"><a href="#" class="page-link">3</a></li>
        <li class="page-item disabled">
            <a href="" aria-label="Next" class="page-link">
                <span>Next</span>
            </a>
        </li>
    </ul>
</nav>