function reload() {
let $table = $('#db_dependences');
$('#db_dependences').bootstrapTable({
method:'POST',
dataType:'json',
contentType: "application/x-www-form-urlencoded",
cache: false,
striped: true, //是否显示行间隔色
sidePagination: "client", //分页方式:client客户端分页,server服务端分页(*)
showColumns:true,
pagination:true,
minimumCountColumns:2,
pageNumber:1, //初始化加载第一页,默认第一页
pageSize: 20, //每页的记录行数(*)
pageList: [10, 25, 50, 100], //可供选择的每页的行数(*)
uniqueId: 'id', //每一行的唯一标识,一般为主键列
showExport: true,
showFooter:true,
exportDataType: 'all',
exportTypes:[ 'txt', 'doc', 'excel', 'xlsx', 'pdf'], //导出文件类型
columns: [{
field: 'id',
title: '序号',
align: 'center',
edit:false,formatter:function(value, row, index){
return row.index=index ; //返回行号
},
visible: true,
footerFormatter: function(){
return "当前总分:";
}
}, {
field: 'type',
title: '题型',
align: 'center',
sortable:true
},{
field: 'content',
align: 'center',
title: '内容'
},
{
field: 'level',
title: '难度',
align: 'center'
},
{
field: 'value',
title: '分值',
align: 'center',
formatter:function(value,row,index){
return row.value;
},
//计算此列的值
footerFormatter:function(rows){
var sum=0;
for(var i=0;i
sum=sum+parseInt(rows[i].value);
}
console.log("sum="+sum);
return sum+"分";
}
},
{
title: "操作",
align: 'center',
valign: 'middle',
width: 160, // 定义列的宽度,单位为像素px
formatter: function (value, row, index) { //传入数据
return '查看 移除';
}
}],
onPostBody:function(){
//合并页脚
merge_footer();
},
data: result,
onClickCell: function(field, value, row, $element) {
$element.attr('contenteditable', true);
$element.blur(function() {
let index = $element.parent().data('index');
let tdValue = $element.html();
saveData(index, field, tdValue);
})
},
onExpandRow: function (index, row, $detail) {
detailview(index, row, $detail)
}
});
//合并页脚
function merge_footer(){
//获取table表中footer 并获取到这一行的所有列
var footer_tbody = $('.fixed-table-footer table tbody');
var footer_tr = footer_tbody.find('>tr');
var footer_td = footer_tr.find('>td');
var footer_td_1 = footer_td.eq(0);
//由于我们这里做统计只需要两列,故可以将除第一列与最后一列的列全部隐藏,然后再设置第一列跨列
//遍历隐藏中间的列 下标从1开始
for(var i=1;i<footer_td.length-1;i++) {
footer_td.eq(i).hide();
}
//设置跨列
footer_td_1.attr('colspan', footer_td.length-1).show();
//这里可以根据自己的表格来设置列的宽度 使对齐
footer_td_1.attr('width', "910px").show();
}
想问大佬,bootstraptable统计列值的时候没有显示在页面上怎么回事啊?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
0条回答 默认 最新
相关推荐 更多相似问题
点击登录
提问题
悬赏问题
- ¥15 下载CSGO服务端时出错
- ¥20 esp8266知心天气blinker上面显示
- ¥20 python代码的实现讲解
- ¥20 python代码实现,讲解
- ¥30 六足机器人硬件配置问题
- ¥15 uniapp ios端配置universal link无法唤起app
- ¥70 java通过ISUP SDK开发连接海康威视获取PS封装流如何推送到web页面
- ¥15 并且拖拽过去在picturebox上的数据也可以实现拖拽换位置的功能,
- ¥15 AndroidStudio:fragment里的content怎么写?
- ¥30 关于#vba数组#的问题,如何解决?