bootstrap-table 应用遇到的坑

最新推荐文章于 2024-08-17 01:00:00 发布

菜鸟日常

最新推荐文章于 2024-08-17 01:00:00 发布

阅读量1.9k

点赞数

文章标签： springboot bootstrap bootstrap-table jquery

本文链接：https://blog.csdn.net/u013151053/article/details/85040478

版权

本文介绍了在使用bootstrap-table组件时遇到的问题和解决经验，包括版本兼容性、分页方式、请求参数以及获取行索引的方法。强调了版本匹配的重要性，服务端分页的参数设置，并提供了onClickRow事件获取行数据的示例。

摘要由CSDN通过智能技术生成

文章目录

- - 介绍
  - 代码介绍
  - 注意点
  - 总结

介绍

最近写了一个请求什么，返回什么的工具，前端用到了 bootstrap-table 这个组件，顺便把相应的参数含义做一个总结。

在这里插入图片描述

代码介绍

省略...
 <table id="table">
     <thead>
     <tr>
         <th data-field="id">id</th>
         <th data-field="queryid">calid</th>
         <th data-field="requesttime" data-sortable="true">requesttime</th>
     </tr>
     </thead>
 </table>

<script>
    var ip = '144.34.199.31';
    var rootpath = '/callback'

    $('#table').bootstrapTable({
    
        height: 800,  // 表格高度
        pageSize: 20,  // 默认每页大小
        pageList: [20, 30, 50, 100],  // 页面大小选择
        pagination: true,  // 是否分页
        search: true,  // 是否开启搜索
        showRefresh: true,  // 是否显示刷新按钮。
        showColumns: true,  // 是否显示列显示
        showPaginationSwitch: true,  // 分页切换开关
        showToggle: true,  // 是否显示切换视图（table/card）按钮