文档章节

bootstrap table使用教程

 小强的辉煌
发布于 2017/07/29 14:39
字数 561
阅读 329
收藏 0

bootstrap table是一款bootstrap组件 方便前段人员快速开发 出美观的页面分页,搜索等功能。

bootstrap table 依赖 boostrap 样式框架,同时也依赖jqueryjs框架,所以在使用bootstrap组件的时候必须,引入bootstrap  js与css  和jquery的js    bootstrap 有js和 css   和一个ZH的本地语言js共三个需要引入的文件 ,ZHjs文件 应该是可引可不引的。

bootstrap table分为参数,表格参数,列参数,方法,事件。

通常加载数据有两种方式:一种是使用属性data-toggle开启bootstrap table  在使用data-url 参数来请求数据,还有使用是通过bootstrapTable('load',data)来加载数据,也可以通过表格参数的url来请求参数,同时也可以自定义静态json数据,使用data来获取。

表格参数:url,method请求数据的方式,striped,sortable,是否启用排序,sortorder 排序方式,

cache:是否启用缓存,pagination 是否启用分页,queryParams 请求参数,sidepagination 分页方式,

pagenumber  当前页默认第一页,pageSize 每页显示的数据,pagelist  可供显示的每页行数,search是否显示表格搜索 针对客户段搜索, showcolumn 是否显示所有的行数,showrefresh是否显示刷新按钮,

clicktoselect 点击选中行,height 设置行高 如果不设置系统会自行设置,uniqueId 每一行的唯一列一般为主键标志,showToggle 是否显示详细视图和列表视图的切换按钮,

column:重点  里面的列参数将与json对象的数据进行对应,后面详解此表格参数

 

column常用的列参数有   field  对应json数据的键   ,title是表头即每列的列名,如果在th里面定义了列名也会别title覆盖。所以只需在th定义属性data-field 即可   无需在其内部写如列名。

 

 

 

 

javascript:常识. javascript通过自己定义的变量是无法手动为其 添加属性    就算添加进去 在使用的时候也会 报错显示他不是一个方法或者属性,只有对象才能添加   可以 var obj=new object();  在obj.one=function  这样就为obj添加了方法了。

 

 

 

 

 

 

© 著作权归作者所有

粉丝 1
博文 9
码字总数 9378
作品 0
南京
私信 提问
bootstrap-table教程演示

Bootstrap Admin 效果展示 Table of contents Create Remove Update Export Tree Create 相关插件 bootstrap-validator 演示 Remove 相关插件 bootstrap-multiselect bootstrap-table 演示 ......

seltonzyf
2018/06/21
0
0
《前台框架BootStrap学习》系列技术文章整理收藏

《前台框架BootStrap学习》系列技术文章整理收藏 前台框架BootStrap学习系列整理了关于前台框架BootStrap方面的技术文章,一些实用的BootStrap使用示例,供大家学习BootStrap时参考 1CSS——...

开元中国2015
2015/06/22
218
0
前台报错Uncaught TypeError: Cannot read property 'template' of undefined,是我少引用哪个包了么?

Document insertRow getTableData 这个是少了包了么?

爱好
2018/11/22
782
0
bootstrap-table分页插件使用

bootstrap-table介绍 bootstrap-table 是一个轻量级的table插件,使用AJAX获取JSON格式的数据,其分页和数据填充很方便,支持国际化。 下载地址 使用方式 引入css和js 2. table数据填充 boot...

tqyin
2016/09/28
1K
0
基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理

在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非...

walb呀
2017/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【0911】linux软件包安装和卸载

【0911】linux软件包安装和卸载 一、安装软件包的三种方法 1、rpm工具:与win中的exe安装包类似,红帽子公司包管理系统 2、yum工具:属于一种用python开发的工具,支持自动的安装依赖的包 3、...

飞翔的竹蜻蜓
31分钟前
3
0
【外行学IT】手机网页自适应之rem和viewport

在写手机网页时,对于像素的问题会非常困惑,初学者很多时候会因为那么一个小点的问题解决不了,或者无法理解透彻就放弃了学习。 我在学习写手机网页时也困惑了许久,出现过下面的问题: 图片...

前端老手
42分钟前
5
0
三、Java设计模式之单一职责原则

定义:不要存在多于一个导致类变更的原因。 一个类、接口、方法只负责一项职责 优点:降低类的复杂度、提高类的可读性,提高系统的可维护性、降低变更引起的风险

东风破2019
50分钟前
4
0
搭建高可用MongoDB集群(分片)

搭建高可用MongoDB集群(分片) KaliArch关注1人评论28269人阅读2017-12-04 21:57:41 MongoDB基础请参考:https://blog.51cto.com/kaliarch/2044423 MongoDB(replica set)请参考:https:/...

linjin200
今天
6
0
Pandas DataFrame创建方法大全

Pandas是Python的数据分析利器,DataFrame是Pandas进行数据分析的基本结构,可以把DataFrame视为一个二维数据表,每一行都表示一个数据记录。本文将介绍创建Pandas DataFrame的6种方法。 创建...

汇智网教程
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部