JS里面:
var DftConfig = {};
DftConfig.dtftable = {
striped : true, // 是否显示行间隔色
cache : false, // 是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
pagination : true, // 是否显示分页(*)
contentType : "application/x-www-form-urlencoded",// 必须设置,不然request.getParameter获取不到请求参数
uniqueId : "id", // 每一行的唯一标识,一般为主键列
sidePagination : "server",
showColumns : true, // 是否显示所有的列
showRefresh : true, // 是否显示刷新按钮
pageList : [ 10, 25, 50, 100 ],
pageSize : 100,
pageNumber : 1,
// 设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
// 设置为limit可以获取limit, offset, search, sort, order
queryParamsType : "undefined",
responseHandler : function(res) {
return {
"rows" : res.rows,
"total" : res.total
};
},
showExport: true //是否显示导出按钮
};DftConfig.table = function(obj) {
return $.extend({},DftConfig.dtftable, obj);
};$(function(){
var tableConfig = DftConfig.table({
url : "logList",
columns : [{
field : 'time',
title : '时间',
halign : 'center',
align:'center'
},{
field : 'subjectName',
title : '科目',
halign : 'center',
align:'center'
}, {
field : 'quesId',
title : '题目ID',
halign : 'center',
align:'center'
}, {
field : 'questionNo',
title : '题号',
halign : 'center',
align:'center'
}, {
field : 'statTypeStr',
title : '操作',
halign : 'center',
align:'center',
formatter : function(value, row) {
if (value == "登录") {
return "<span style='color:#00CC66'>"+value+"</span>";
}else if (value == "开考") {
return "<span style='color:#3399FF'>"+value+"</span>";
}else if (value == "进去该题") {
return "<span style='color:#33CC99'>"+value+"</span>";
}else if (value == "填入答案") {
return "<span style='color:#339999'>"+value+"</span>";
}else if (value == "离开该题") {
return "<span style='color:#999966'>"+value+"</span>";
}else if (value == "倒计时结束自动交卷") {
return "<span style='color:#FF3333'>"+value+"</span>";
}else if (value == "主动交卷") {
return "<span style='color:#339966'>"+value+"</span>";
}
}
}, {
field : 'answerAbc',
title : '信息',
halign : 'center',
align : 'center'
}, {
field : 'result',
title : '结果',
halign : 'center',
align : 'center'
}]
}); // 表格渲染
$('#table').bootstrapTable(tableConfig);
});