PDF中加入HTML,HTML到PDF(通过javascript)我如何添加CSS或表？

在一个项目中,我将html文件转换为pdf,而不是工作正常.但是这个输出没有显示css design.Now我需要一个建议如何用这个pdf文件添加css设计？

这里是js函数代码：

$(function(){

var doc = new jsPDF();

var specialElementHandlers = {

'#editor': function (element,renderer) {

return true;

}

};

$('#cmd').click(function () {

doc.fromHTML($('#StudentInfoListTable').html(),15,{

'width': 170,'elementHandlers': specialElementHandlers

});

doc.save('sample-file.pdf');

});

这是我的表

这是pdf输出

我试图添加一个表

$('#cmd').click(function () {

var table = tableToJson($('#StudentInfoListTable').get(0))

var doc = new jsPDF('p',pt,'a1',true);

doc.cellInitialize();

$.each(table,function (i,row){

console.debug(row);

$.each(row,function (j,cell){

doc.cell(10,50,120,cell,i); // 2nd parameter=top margin,1st=left margin 3rd=row cell width 4th=Row height

})

})

doc.save('sample-file.pdf');

});

这是功能

function tableToJson(table) {

var data = [];

// first row needs to be headers

var headers = [];

for (var i=0; i

headers[i] = table.rows[0].cells[i].innerHTML.toLowerCase().replace(/ /gi,'');

}

// go through cells

for (var i=0; i

var tableRow = table.rows[i];

var rowData = {};

for (var j=0; j

rowData[ headers[j] ] = tableRow.cells[j].innerHTML;

}

data.push(rowData);

}

return data;

}

看到这个输出后我哭了！

有什么方法可以避免这种重叠？

在pdf中添加css的最佳解决方案是什么？