Bootstrap Table使用整理(一)
相关阅读:Bootstrap Table使用整理(二) Bootstrap Table使用整理(三) Bootstrap Table使用整理(四)之工具栏 Bootstrap Table使用整理(五)之分页组合查询 一、Bootstrap Table相关整理基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。 1.官网地址: Git源代码地址: 基础简介: 使用示例: API文档: Bootstrap Table的有点使用简单,美观整洁,支持CardView等特点 二、简单使用实例基础引用 1.data-toggle="table" 无需JavaScript启用bootstrap table 通过Data属性的方式,无需编写JavaScript启用bootstrap table,设置 data-toggle="table" 即可
1.这种方式不太常用,因为分页不方便
2.使用data-url指定远程数据,特别说明,在使用远程数据的时候,在ajax请求期间,表格内容显示加载中..., 可以通过设置远程url 如:data-url="data1.json" ,自动加载远程数据
1.这种方式对于分页不太方便
2.BootstrapTable 对于字段中为空,自动替换成'-' 3.data-classes 属性指定表格的样式, 特别说明:表头和属性的指定方式有两种,一种DOM中定义,一种在Js的参数中定义 table-condensed 表格紧凑样式显示如下: 以上所述是小编给大家介绍的Bootstrap Table使用整理(一)。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |