經常使用bootstrap table進行表格統計,關於Bootstrap-table的showfooter關鍵字使用注意事項
阿新 • • 發佈:2018-11-08
①table標籤
<div class="col-sm-12 select-info table-striped">
<table id="bootstrap-table" data-mobile-responsive="true" ></table>
</div>
②js方式表格初始化,屬性一定要加
showFooter:true,
③新增columns屬性(.balance是field)
footerFormatter:function (value) { var count =0; for(var i = 0;i< value.length;i++){ count += JSON.parse(JSON.stringify(value[i])).balance } return count+'¥' }
④這樣還是顯示不出來底部footer哇?忘記了一件事,新增table標籤的屬性data-show-footer"true"
<div class="col-sm-12 select-info table-striped">
<table id="bootstrap-table" data-mobile-responsive="true" data-show-footer"true" ></table>
</div>
如果解決了你的問題那麼點個贊再走吧~
2018/11/6 By TIAN