bootstrap-table如何動態綁定字段？

1、放置壹個Table控件：<table id="table" ></table>。

2、調用javascript的代碼：<script > $('#table').bootstrapTable({ url: 'tablejson.jsp'。

3、數據綁定，後臺的數據從jsp代碼：

search:true, uniqueId:"Id", pageSize:"5", pageNumber:"1",?sidePagination:"client", pagination:true, height:'400', columns: [ { field: 'Id', title: '中文' }, { field: 'Name', title: 'Name' } , { field: 'Desc', title: 'Desc' } ], })。

4、下列的js代碼增加壹個特殊列：

{ field: '#', title: 'control',formatter:function(value,row,index){ var del='<a href="Delete!delete.action?Id='+row.Id+'">刪除</a>'; var updt='<a href="supdate.jsp?Id='+row.Id+'">修改</a>'; var add='<a href="Include.jsp?Id='+row.Id+'">增加</a>' return del+" "+updt+"&nbsp"+add; } }

5、s的代碼修改為：<script > $('#table').bootstrapTable({ url: 'tablejson.jsp', //。

6、數據綁定，後臺的數據從jsp代碼：

search:true, uniqueId:"Id", pageSize:"5", pageNumber:"1", sidePagination:"client", pagination:true, height:'400', columns: [ { field: 'Id', title: '中文' }, { field: 'Name', title: 'Name' } , { field: 'Desc', title: 'Desc' } , { field: '#', title: 'control',formatter:function(value,row,index){ var del='<a href="Delete!delete.action?Id='+row.Id+'">刪除</a>'; var updt='<a href="supdate.jsp?Id='+row.Id+'">修改</a>'; var add='<a href="Include.jsp?Id='+row.Id+'">增加</a>' return del+" "+updt+"&nbsp"+add; } } ], })。

7、列的排序，排序主要是在列中增加了壹個屬性：

{ field: 'Name', title: 'Name',sortable:true }。

怎麽學習Bootstrap中的表格：

1、通過表格的方式展示頁面. 首先有必要樣式.table. 和壹些選用樣式. 舉例說明必要樣式. 首先要搭建壹個基礎框架，在搭建的基礎框架裏面的body部分填寫table信息. 然後在table的標簽上加上基礎樣式.table的css樣式。

2、除了必要的.table之外， 還有很多可選的class。不同的可選class. 是可以聯合使用的。常用的就有邊框的table。只需要使用.table-bordered 查看效果圖。

3、斑馬線， 也就是隔行相同顏色的壹個樣式。 使用.table-striped樣式。

斑馬線是對tbody中的行起作用。

斑馬線的實現方式是通過：nth-child?CSS選擇器實現的。

4、鼠標懸停在行上，改變行的背景顏色。使用.table-hover樣式。

5、bootstrap中有這樣的幾個樣式，可以說是提醒樣式。 每個樣式都是壹種提醒方式，這些方式也可以放到table中， 只需要使用class即可。