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);
});