bootstrap table 分页 demo

Bootstrap Table是一个基于Bootstrap的表格插件，它提供了一套简单易用的表格展示和操作功能。

要实现Bootstrap Table的分页功能，可以通过以下步骤：

1. 首先，在HTML文件中引入必要的样式表和脚本文件，包括Bootstrap的CSS和JS文件、Bootstrap Table的CSS和JS文件以及相关的插件文件。

2. 在HTML文件中创建一个表格元素，并给它一个唯一的id属性，用来标识这个表格。

3. 在JavaScript文件中编写相应的代码，在页面加载完成后初始化Bootstrap Table，并设置一些基本的参数，如表格的id、数据源等。示例如下：

$(document).ready(function() {
    // 初始化Bootstrap Table
    $('#table-demo').bootstrapTable({
        url: 'data.json',  // 数据源文件的URL
        pagination: true,  // 启用分页功能
        pageSize: 10,  // 每页显示的记录数
        pageList: [10, 25, 50, 100],  // 可选择的每页记录数
        paginationPreText: '<',  // 上一页按钮的图标或文字
        paginationNextText: '>',  // 下一页按钮的图标或文字
        paginationLoop: false,  // 禁止循环翻页
        sidePagination: 'client',  // 客户端分页
        columns: [{
            field: 'id',
            title: 'ID'
        }, {
            field: 'name',
            title: '名称'
        }, {
            field: 'age',
            title: '年龄'
        }]
    });
});

4. 在数据源文件中提供需要显示的数据，如JSON格式的数据。在上述代码中，数据源文件为data.json，可以根据实际情况修改。

通过以上步骤，就可以实现一个简单的Bootstrap Table分页的demo。可以根据实际需求修改和扩展代码，实现更多的功能和样式定制。