您的位置:首页 > Web前端 > BootStrap

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

2017-12-15 14:17 821 查看
首先引入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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐