BootstrapTable

最新推荐文章于 2023-05-18 15:43:39 发布

c_Janz

最新推荐文章于 2023-05-18 15:43:39 发布

阅读量251

点赞数

CC 4.0 BY-SA版权

分类专栏： Bootstrap

本文链接：https://blog.youkuaiyun.com/c_Janz/article/details/94386396

Bootstrap 专栏收录该内容

0 篇文章

订阅专栏

本文档详细介绍了如何使用Bootstrap Table插件进行基本操作，包括初始化、销毁、加载数据及刷新表格的方法。通过具体代码示例，帮助开发者快速掌握并应用到实际项目中。

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

<table id="myTable"></table>

部分常用操作方法: load、destroy、refresh

<script>
    // 初始化
    const options = {};
    $('#myTable').bootstrapTable(options)
    
    /**
    *    @desc 销毁表格
    */
    $('#myTable').bootstrapTable('destroy');    

    /**
    *  @desc 加载数据
    *  @param {Array} data 会将表格数据清空，并重新加载新的data数据 
    */
    $('#myTable').bootstrapTable('load', data)


    /**
    *    @desc refresh 刷新表格
    *    @param {Object} 可选配置项
    */
    const options = { pageNumber: 1 }; // 解决refresh 刷新表格页码若不在第一页，则不会回到第一页的问题
    $('#myTable').bootstrapTable('refresh', options)
</script>

API中文文档参考博客： https://blog.youkuaiyun.com/S_clifftop/article/details/77937356