Как я могу поставить таблицу рядом с другой на PDF, используя jsPdf - PullRequest
0 голосов
/ 03 апреля 2020

У меня есть страница с двумя графиками и двумя таблицами, и я хочу поместить эти таблицы рядом друг с другом в формате PDF, я использую jsPDF, но когда я помещаю вторую таблицу, она go справа внизу первой стол, как я могу поставить стол ниже? Вот мой код:

let canvas = document.getElementById('chart-s') as HTMLCanvasElement;
let canvas2 = document.getElementById('chart-m') as HTMLCanvasElement;
let canvasImg = canvas.toDataURL("image/jpg", 1.0);
let canvasImg2 = canvas2.toDataURL("image/jpg", 1.0);
let doc = new jsPDF();
doc.setFontSize(20);
doc.text(15, 15, `${moment().format("MMMM")} ${moment().format("YYYY")} - `+"Year");
doc.addImage(canvasImg, 'JPEG', 10, 20, 190, 70 );
doc.addImage(canvasImg2, 'JPEG', 10, 100, 190, 70 );


let tableOne = document.getElementById("table");
let res = doc.autoTableHtmlToJson(tableOne);
doc.autoTable({
  head: [[`${moment().subtract(1, "year").format("YYYY")}`, `${moment().format("YYYY")}`]], 
  body: res.data,
  margin: {top: 175, right: 10},
  tableWidth: 85
});
let tableTwo = document.getElementById("mtable");
let resd = doc.autoTableHtmlToJson(tableTwo);
doc.autoTable({
  head: [[`${moment().subtract(1, "year").format("YYYY")}`, `${moment().format("YYYY")}`]],
  body: resd.data,
  margin: {right: 50, bottom: 175},
  tableWidth: 85
});

doc.save('canvas.pdf');
...