1. 程式人生 > >Bootstrap-table的使用及如何給單元格新增功能按鈕和事件等操作!

Bootstrap-table的使用及如何給單元格新增功能按鈕和事件等操作!

首先引入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