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) { // 列計算函數(shù)showFooter:true顯示
      var sum = 0;
      return sum;
    },
  }]
}
$('#bootstrap-table').bootstrapTable(tableOptions);
  • 銷毀表格
$('#bootstrap-table').bootstrapTable('destroy');
  • 刷新表格
$("#bootstrap-table").bootstrapTable('refresh');
  • 獲取選中行數(shù)據(jù)
$('#bootstrap-table').bootstrapTable('getSelections');
  • 獲取所有行數(shù)據(jù)
$('#bootstrap-table').bootstrapTable('getData');
  • 添加請求參數(shù)
tableOptions.queryParams = tableOptions.queryParams ? tableOptions.queryParams : {};
tableOptions.queryParams.name= 'myName';

Bootstrap表格方法-小書童文檔

選擇行 得到全部數(shù)據(jù) 底部總分統(tǒng)計

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容