bootstrap table 编辑列的根据条件 添加背景色

本文介绍如何在Bootstrap Table中实现编辑列时,根据特定条件为单元格添加背景色。通过理解Bootstrap Table的API和CSS,你可以动态地改变表格中数据的样式,提升用户体验。
摘要由CSDN通过智能技术生成
{
field: 'gmt_create',
title: '创建日期',
formatter: function(value,row,index){
return row.gmt_create?row.gmt_create.substring( 0, 19): '-';
},
align: 'center',
valign: 'middle'
},{
field: 'actual_execute_date',
title: '下发日期',
cellStyle:cellStylesales2,
formatter: function(value,row,index){
return timemoreday(row.actual_execute_date?row.actual_execute_date: '-',row.gmt_create?row.gmt_create: '-');
},
align: 'center',
valign: 'middle'
},{
field: 'gmt_mondified ',
title: '完结日期',
cellStyle:cellStylesales1,
formatter : function(value,row,index){
//判断创建时间和完结时间
var gmt_mondified = row.gmt_mondified?row.gmt_mondified: '-'
if(gmt_mondified!= '-'){
return timemoreday(row.gmt_mondified,row.actual_execute_date);
}
return '-';
},
align: 'center',
valign: 'middle'
},{
field: '',
title: '用时',
cellStyle:cellStylesales,
formatter : function(value,row,index){
//判断创建时间和结束时间
if(!row.gmt_mondified && !row.gmt_create){
return '-';
}
return timestampToTime(row.gmt_mondified,row.gmt_create);
},
align: 'center',
//展示实际用时的时间转化
function timestampToTime(date1,date2) {
var end = date1?date1: '-';
var start = date2?date2: '-';
if(end == '-'){
end = new Date();
}
var data_strat = Date.parse(start);
var data_end = Date.parse(end);
var times = Math.abs(data_end-data_strat);
var days = (times/( 1000* 60* 60* 24)).toString();
var day_time = days.split( '.');
//用时展示的形式是天,小时
var clock = Number( '0.'+day_time[ 1]);
return day_time[ 0]+ '天'+Math.ceil(clock* 24)+ '小时';
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值