如何在jsPDF和autoTable的每個頁面上添加一個表格作爲頁眉

我將在pdf上有一個靈活的表格...所以如果它非常大，autoTable會將它分成不同的頁面......對吧？在這一點上，如果表將在不同的頁面劈裂，我想提出的桌子，每一頁上的頁眉...如何在jsPDF和autoTable的每個頁面上添加一個表格作爲頁眉

我嘗試了鉤beforePageContent & autoTableAddPageContent，但我不能使它工作......我打電話給裏面的doc.autoTable：

let columns = [ 
    {title: "ID", dataKey: "id"}, 
    {title: "Name", dataKey: "name"}, 
    {title: "Email", dataKey: "email"} 
]; 

let data = [ 
    {id: 1, name: "A", email: "[email protected]"}, 
    {id: 2, name: "B", email: "[email protected]"} 
]; 

let options = { startY: 30 }; 

doc.autoTable(columns, data, options);

我有什麼選擇？

我不得不使用jsPDF與autoTable所以我知道你要添加的每個頁面，您可以簡單地調用doc.autoTable多次對錶的基礎

三江源

來源

2017-01-02 Ayoze Barrera

你說的重複是什麼意思？每個頁面上的同一張表？ –

是的。如果我需要把這張表放在內容前面的每個頁面上 –

。下面是一個簡單的例子：

var doc = new jsPDF('p', 'pt'); 
 
var headers = ["Header 1", "Header 2"]; 
 
var rows = [["Cell 1", "Cell 2"], ["Cell 1", "Cell 2"]]; 
 

 
doc.autoTable(headers, rows); 
 
doc.text("Some content...", 40, doc.autoTableEndPosY() + 40); 
 

 
doc.addPage(); 
 

 
doc.autoTable(headers, rows); 
 
doc.text("Some content...", 40, doc.autoTableEndPosY() + 40); 
 

 

 
doc.save("table.pdf");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/2.1.0/jspdf.plugin.autotable.js"></script>

來源

2017-01-02 12:17:10

但是我的數據大小是靈活的，它可以有1行或500 ..所以我不知道它會有很多頁面...不應該是汽車？ –

數據是否靈活並不重要。你有沒有嘗試過以上？ –

是的，但我不能。當我應該打電話給doc.addPage（）？ –

如何在jsPDF和autoTable的每個頁面上添加一個表格作爲頁眉

回答

相關問題