修改bootstrap-table的样式
修改行样式
在主函数里面加入这个(应该也可以拆成函数调用),要在表格生成后
使用 on() 方法监听 all.bs.table 事件,该事件包含了所有与表格相关的事件。我们通过判断事件的名称来确定当前事件是否是数据加载完成的 post-body.bs.table 事件。只有在数据加载完成之后,我们才会获取表格数据并更新样式。
这种也是遍历所有行,然后修改,但不确定内存占用多少
$("#EqpDictTable").on("all.bs.table", function (e, name, args) {
if (name === "post-body.bs.table") { // 数据加载完成的事件
// 获取表格实例(用getData也行)
var table1 = $("#EqpDictTable").bootstrapTable("getOptions").data;
console.log(table1);
// 遍历表格中的数据行,并更新其样式
$.each(table1, function (index, row) {
//修改日期有效期
var dueDate = new Date(row.NEXT_ISP_DATE);
var diffTime = dueDate - new Date();
// 判断是否超期
if (diffTime < 0) {
var rowElement = $("#EqpDictTable").find("tr[data-index='" + index + "']");
rowElement.css("color", "#ff0000");
}
// 判断是否超期,或距离截止日期不足一个月
if (diffTime >= 0 && diffTime < 2592000000) { // 1个月的毫秒数为2592000000
var rowElement = $("#EqpDictTable").find("tr[data-index='" + index + "']");
rowElement.css("color", "orange");
}
});
}
});
修改参数配置
// 关闭刷新功能
$('#untTable').bootstrapTable('refreshOptions', {
showRefresh: false
});
//关闭选列功能
$('#untTable').bootstrapTable('refreshOptions',{
showColumns: false
});
增加双击事件
//增加双击事件
$('#untTable').on('dbl-click-row.bs.table', function (e, row, $element) {
Choose.Choose();
});

6442

被折叠的 条评论
为什么被折叠?



