java 动态单元格涂色_jspdf autoTable中的动态单元格颜色?

编辑:在这种情况下,需要jspdf-autotable的v2.3.4

根据我们的评论讨论,我想我理解你的问题 . 你可以尝试这样的东西(使用here中的hexToRgb函数)

let columns = [{

title: "Agent",

dataKey: "agent"

},

{

title: "january 1st",

dataKey: "day_0"

},

{

title: "january 2nd",

dataKey: "day_1"

}

]

let objects = [{

agent: "agent_1",

day_0: {

"code": "ABC",

"color": "#00ff00"

},

day_1: {

"code": "DEF",

"color": "#ff0000"

}

// etc

}];

let doc = jsPDF()

doc.autoTable(columns, objects, {

createdCell: function(cell, data) {

let hex = cell.raw.color

if (hex) {

let rgb = hexToRgb(hex)

cell.styles.fillColor = rgb;

cell.text = cell.raw.code

}

}

});

doc.save('jhg.pdf')

function hexToRgb(hex) {

var bigint = parseInt(hex.replace('#', ''), 16);

var r = (bigint >> 16) & 255;

var g = (bigint >> 8) & 255;

var b = bigint & 255;

return [r, g, b];

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值