bootstrapTable动态显示列

$('#tableId').bootstrapTable('showColumn', 'columnName');

$('#tableId').bootstrapTable('hideColumn', 'columnName');

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用BootstrapTable插件时,refresh命令用于刷新表格中的数据。refresh的功能是重新加载表格,以便更新表格中的数据,让表格显示最新的内容。 使用refresh命令,可以通过以下步骤来刷新BootstrapTable中的: 1. 在HTML文件中,引入BootstrapTable和jQuery两个库的相关文件。 2. 在HTML文件中,创建一个表格的容器,用于显示BootstrapTable。 3. 在JavaScript中,使用BootstrapTable的初始化参数配置表格。包括的设置、数据的来源等。 4. 在HTML文件中,创建一个按钮或其他元素,用于触发刷新的操作。 5. 在JavaScript中,为按钮或其他触发元素添加点击事件,调用refresh命令。 6. 在refresh命令中,使用BootstrapTable的方法refresh来刷新表格。 示例代码如下: ```html <!DOCTYPE html> <html> <head> <title>BootstrapTable Refresh Column</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="http://cdn.bootcss.com/jquery/2.2.2/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script> </head> <body> <div class="container"> <table id="myTable"></table> <button id="refreshBtn">刷新</button> </div> <script type="text/javascript"> $(function() { $('#myTable').bootstrapTable({ columns: [{ field: 'id', title: 'ID' }, { field: 'name', title: '姓名' }, { field: 'age', title: '年龄' }], data: [{ id: 1, name: '张三', age: 20 }, { id: 2, name: '李四', age: 25 }] }); $('#refreshBtn').click(function() { $('#myTable').bootstrapTable('refresh'); }); }); </script> </body> </html> ``` 以上就是关于使用refresh命令刷新BootstrapTable的方法。在表格显示的时候,点击"刷新"按钮,即可重新加载表格数据,实现的刷新。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值