bootstrap-table使用总结

1.下载

https://github.com/wenzhixin/bootstrap-table


2.文档

http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/


3.应用

css文件   

   
   
   



js文件

    <script src="jquery.min.js">script> 

    <script src="bootstrap.min.js">script> 

    <script src="bootstrap-table.js">script> 

    <script src="bootstrap-table-zh-CN.js">script>


bootstrap-table使用总结_第1张图片


bootstrap-table使用总结_第2张图片

注意:url和data的区别是:url是异步请求远程数据;data是直接把数据赋值给他。在主表和子表都一样可以这样使用。


另外一种用法:

HTML:

bootstrap-table使用总结_第3张图片


JS:

bootstrap-table使用总结_第4张图片



bootstrapTable refresh 方法如何传递参数

$("#refresh_button").click(function (){

 var opt = {

        url: "http://local/api/data/?format=json",

silent: true,

query:{

type:1,

level:2

        }

};

$("#item_table").bootstrapTable('refresh', opt);});

你可能感兴趣的:(bootstrap-table使用总结)