您的位置：首页 > Web前端 > BootStrap

bootstrap-table使用笔记

2018-03-06 22:49 453 查看

基于 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'}}

名称

参数

描述

refresh

刷新服务器的表格数据，例

$("#table").bootstrapTable('refresh')

,静默刷新

{silent: true}

,重置数据地址

{url: newUrl}

，带查询

{query: {foo: 'bar'}}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： bootstrap bootstrap-table bootstrap-table中文 bootstrap-table文档 bootstrap-table中文文档

相关文章推荐

新的分享

章节导航