Bootstrap-table的使用及如何给单元格添加功能按钮和事件等操作!

来源:互联网 发布:sql新建数据库 编辑:程序博客网 时间:2024/05/17 08:56

首先引入bootstrap-table的各种需要使用的css,js文件

需要说明的是,引入文件的方式最好是按这个顺序进行导入,否则可能会导致一些不必要的问题
有些东西看不明白可以参考下列图片中的导入方式和顺序; 
这里写图片描述
这里写图片描述

然后开始就是body中的内容: 
这里写图片描述 
因为写的东西比较简单所以我就只写了一个table,table中的内容是以json文件的形式进行显示的

然后开始上js代码 
这里写图片描述 
这里只是简单的把基本的功能实现的一下,这里写的只是一小部分的功能,相关信息可以查阅官方文档:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ 
这是到目前所能展示的内容 
这里写图片描述

然后就开始给表格添加按钮及事件,给按钮添加事件需要在columns中添加两个参数,events和formatter在第几个表格中使用就把它添加在里面即可 如图:这里写图片描述 
然后就是创建按钮和给按钮添加事件了 
这里写图片描述
最后呈现的就应该是在表格中的按钮了这里写图片描述
以上描述的仅是一些简单应用,如果写的不好,希望不喜勿喷,欢迎借鉴


补充下:


感谢分享  http://blog.csdn.net/qq_39215166/article/details/74452366

阅读全文
0 0
原创粉丝点击