bootstrap-table方法

• 初始化表格

var tableOptions = {
  showFooter: true,
  columns:[
  {
    checkbox: true
  },{
    field: 'name',
    title: '暱稱',
    width: '100px', 
    formatter: function(value, row, index) {
       return "<div class='name'>自定義返回</div>"
    },
    cellStyle: function(){ // 定義單元格樣式
       var css = { "color": "red"}
       return { css: css }
    },
    footerFormatter: function (value) { // 列計算函數showFooter：true顯示
      var sum = 0;
      return sum;
    },
  }]
}
$('#bootstrap-table').bootstrapTable(tableOptions);

• 銷燬表格

$('#bootstrap-table').bootstrapTable('destroy');

• 刷新表格

$("#bootstrap-table").bootstrapTable('refresh');

• 獲取選中行數據

$('#bootstrap-table').bootstrapTable('getSelections');

• 獲取所有行數據

$('#bootstrap-table').bootstrapTable('getData');

• 添加請求參數

tableOptions.queryParams = tableOptions.queryParams ? tableOptions.queryParams : {};
tableOptions.queryParams.name= 'myName';

Bootstrap表格方法-小書童文檔

選擇行 得到全部數據 底部總分統計