位置: 编程技术 - 正文
Bootstrap table使用方法汇总(bootstrap table edit)
发布时间：2024-02-27推荐整理分享Bootstrap table使用方法汇总(bootstrap table edit)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:bootstraptable detailview,bootstraptable详解,bootstrap-table,bootstrap table rowstyle,bootstrap-table-editable,bootstraptable教程,bootstraptable教程,bootstraptable教程,内容如对您有帮助，希望把文章链接给更多的朋友！
bootstrap-table是在bootstrap-table的基础上写出来的，专门用于显示数据的表格插件。而bootstrap是来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，具有简便灵活，快速前端开发的优势。对与bootstrap在此就不在叙述。本文将着重讲解自己在项目中使用到bootstrap-table的一些理解和如何学习它。
首先交代一下，jquery ，bootstrap ，bootstrap-table 三者之间的关系。bootstrap很多部分代码涉及到了jquery的，也就是说 bootstrap是依赖jquery的，而我们要使用的bootstrap-table则是在bootstrap基础上创造出来的，所以在使用bootstrap-table之前必须引用 jquery 和bootstrap的相关js，css文件。
接着说，bootstrap-table的特点:与jquery-ui，jqgrid等表格显示插件而言，bootstrap-table扁平化，轻量级,对于一些轻量级的数据显示，他是绰绰有余，而对父子表等的支持也很好，最主要的是可以与bootstrap的其他标签无缝组合。
1、引入js、css
2、table数据填充
bootStrap table获取数据有两种方式，一是通过table 的data-url属性指定数据源，二是通过JavaScript初始化表格时指定url来获取数据
第二种方式较第一种而言在处理复杂数据时更为灵活，一般使用第二种方式来进行table数据填充。
field字段必须与服务器端返回的字段对应才会显示出数据。
3、后台获取数据
a、servlet获取数据
b、springMvc Controller里面对应的方法获取数据
