html 表格 底部加统计,Bootstrap-table使用footerFormatter做统计列功能

在项目中,经常需要在表格底部添加统计功能。本文通过一个简单的例子展示了如何利用Bootstrap-table的footerFormatter方法实现统计列。通过示例代码,详细说明了如何设置表格样式、处理请求、配置列属性以及进行数据计算,最后实现了合并页脚的效果。
摘要由CSDN通过智能技术生成

写在前面:

在做表格的时候,难免会碰到做统计的时候。由于在项目中涉及到做统计的功能比较简单,之后也就没有过多的去研究更复杂的,这里简单记录下。

这次就直接先上图:一个简单的例子

72c2254ff06b60fb00bdefd90be30282.png

看到效果图还是很好的,也比较的简单,下面看一下具体的代码实现,这里也就直接上代码了。

String serverName = request.getServerName();

String contextPath = request.getContextPath();

int port = request.getServerPort();

//网站的访问跟路径

String baseURL = scheme + "://" + serverName + ":" + port

+ contextPath;

request.setAttribute("baseURL", baseURL);

System.out.println("baseURL:" + baseURL);

%>

Work Members

table,table tr th, table tr td {

border:1px solid #fac090;

}

/*解决设置表头列宽无效*/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值