bootstrap Table的使用方法

1.官网

　　url:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/　　文档包含了表格属性、列属性、事件、方法等等.

2.引入库

　　只要引入 jquery、bootstrap 、bootstrap-table的包，不用在js里面定义就可以使用默认有写data-toggle=”table”,data-toggle应该知道吧，常用的有”tooltip、popover等等”，这边就不说了.

3.定义住表单

1 
2     
3 

3.表格的增删改查(功能很完整)　

  1 
  2 
  3 
  4 
 33 
 34 
 35 
 36 

 37 
 38 
 39 

 40 

 41     

 42         
 43         

 44         
 45         
 46         
 47         

 48             
 49             

 50             
 51             
 52             

 53                 
 54                     新增
 55                 
 56                 
 57                     修改
 58                 
 59                 
 60                     删除
 61                 
 62             
 63             
 64             
 65             

 66                 
 67                     名称：
 68                 
 69                 
 70                     描述：
 71                 
 72                 搜索
 73             
 74             
 75             
 76             
 77             
 78 
 79             
 80             

 81                 

 82                     

 83                         

 84                             
 85                                 ×
 86                             
 87                             
编辑表单
 88                         
 89                         

 90                             

 91                                 
 92                                 
 93                                 

 94                                     for="name" class="col-md-2 control-label">名称
 95                                     

 96                                         
 97                                     
 98                                 
 99                                 

100                                     for="description" class="col-md-2 control-label">描述
101                                     

102                                         
103                                     
104                                 
105                             
106                         
107                         

108                             保存
109                             取消
110                         
111                     
112                 
113             
114             
115             
116             
117             

118                 

119                     

120                         

121                             
删除确认
122                         
123                         

124                             
确认删除以下数据,此操作不可恢复?
125                             

126                         
127                         

128                             确认
129                             取消
130                         
131                     
132                 
133             
134             
135         
136         
137     
138 
139 
140 
141 
142 
412 
413 

414 
415 

4.中文文档

　　https://blog.csdn.net/S_clifftop/article/details/77937356?locationNum=3&fps=1(网站转载)

5.效果图

　　刚想贴图，发现服务器炸了······下次再贴   看这个的时候对着文档一起看。

　　

 

转载于:https://www.cnblogs.com/alongup/p/9324670.html