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-autotable How 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:
autoTable(doc, {
html: '#table',
didParseCell: function(cell, data) {
if (data.row.index === 0 || data.row.index === 2) {
cell.styles.fontStyle = 'bold';
}
}
})