bootstrap-table使用笔记

基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能。 打开Bootstrap-table官网

主要功能

• 支持 Bootstrap 3 和 Bootstrap 2
• 自适应界面
• 固定表头
• 非常丰富的配置参数
• 直接通过标签使用
• 显示/隐藏列
• 显示/隐藏表头
• 通过 AJAX 获取 JSON 格式的数据
• 支持排序
• 格式化表格
• 支持单选或者多选
• 强大的分页功能
• 支持卡片视图
• 支持多语言
• 支持插件

js参数	html标签	数据类型	默认值	描述
classes	data-classes	String	‘table table-hover’	给table设置class 如‘table-no-bordered’
pagination	data-pagination	Boolean	false	显示表格底部分页条栏
search	data-search	Boolean	false	启用搜索框
escape	data-escape	Boolean	false	转义HTML字符串，替换 &, <, >, “, `, 和 ’ 字符
url	data-url	String	undefined	服务器数据的加载地址
showColumns	data-show-columns	Boolean	false	是否显示内容列下拉框
showRefresh	data-show-refresh	Boolean	false	是否显示刷新按钮
showToggle	data-show-toggle	Boolean	false	是否显示切换试图（table/card）按钮

名称	参数	描述
refresh	-	刷新服务器的表格数据，例$("#table").bootstrapTable('refresh'),静默刷新{silent: true},重置数据地址{url: newUrl}，带查询{query: {foo: 'bar'}}