本文介绍了如何使特定行加粗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在努力生成一个pdf文件,直到现在为止一切正常,但是我希望某些特定的行加粗.例如查看图片:jspdf-autotable中的网格模板例如,我如何使ID = 1和ID = 3粗体的行?在我的代码下面.
I am working on generating a pdf and till now its going fine, but i want some specific rows to be bold. for example see picture : grid template from jspdf-autotableHow can i make for example, row with id =1 and id=3 bold? Below my code.
function createPDF() {
if(vm.activeCompanyYear){
var url = "/coci/report/registry/"+vm.activeCompanyYear;
DataApiService.callApi(url,null,"GET").then(function(reportData){
if(reportData){
var doc = new jsPDF('p', 'pt');
var row = 45;
addPdfHeader(doc, row, "");
doc.printingHeaderRow = true;
var columns = [ "Description", vm.activeCompanyYear,vm.activeCompanyYear-1, vm.activeCompanyYear-2,vm.activeCompanyYear-3,vm.activeCompanyYear-4,"% t.o.v.'13" ];
var rows = [];
for(var j=0; j<reportData.length; j++){
var obj = reportData[j];
if (!obj.description ) {obj.description = '';}
if (!obj.year5 ) {obj.year5 = '';}
if (!obj.year4 ) {obj.year4 = '';}
if (!obj.year3 ) {obj.year3 = '';}
if (!obj.year2 ) {obj.year2 = '';}
if (!obj.year1 ) {obj.year1 = '';}
if (!obj.delta ) {obj.delta = '';}
/*TODO : Align data right in grid*/
var singleRow = [obj.description,obj.year5,obj.year4,obj.year3,obj.year2,obj.year1,obj.delta];
rows.push(singleRow);
}
doc.autoTable(columns, rows, {
theme : 'grid',
styles: {
halign: 'right',
},
headerStyles: {
fillColor: [33, 150, 243],
halign:'center'
},
margin : {
top : 100
},
columnStyles:{
0: {halign:'left'}
}
});
vm.isLoading = false;
blockUI.stop();
/* doc.save(); */
vm.reportData = doc.output('datauristring');
}
});
}
}
推荐答案
类似的方法应该起作用:
Something like this should work:
doc.autoTable({
html: '#table',
didParseCell: function(cell, data) {
if (data.row.index === 0 || data.row.index === 2) {
cell.styles.fontStyle = 'bold';
}
}
})
这篇关于如何使特定行加粗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!