1. 程式人生 > >經常使用bootstrap table進行表格統計,關於Bootstrap-table的showfooter關鍵字使用注意事項

經常使用bootstrap table進行表格統計,關於Bootstrap-table的showfooter關鍵字使用注意事項

①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