jspdf - jspdf autotable の各列の幅が異なりますか?

Question

私のテーブルには13列あります。列ごとに異なる幅を取得するにはどうすればよいですか? このように各列幅を指定できますか?

スタイル: {overflow: '改行' ,columnWidth: [100,80,80,70,80,80,70,70,70,70,60,80,100]},

私のテーブル構文：

> var res = doc.autoTableHtmlToJson(document.getElementById(tableID)); 
> doc.autoTable(res.columns, res.data, {  styles: {overflow: 'linebreak'
> ,columnWidth: [100,80,80,70,80,80,70,70,70,70,60,80,100]},  startY:
> 60,  bodyStyles: {valign: 'top'},  });

Answer 1

columnWidth 配列を次のように変換する必要があります。

doc.autoTable({
  html: '#table',
  columnStyles: {
    0: {cellWidth: 100},
    1: {cellWidth: 80},
    2: {cellWidth: 80},
    // etc
  }
});

columnStylesの代わりに を使用していることに注意してくださいstyles。

Answer 2

たとえば、[steps,Methods,process,Delivers,Results] はすべてテーブル ヘッダーです。テーブル幅の平均値を増減したい場合は、

columnStyles: {
    steps: {columnWidth:215},
    Methods: {columnWidth: 60},
    process: {columnWidth: 100},
    Delivers: {columnWidth: 90},
    Result: {columnWidth: 90}
}

ここでは、各列の幅を指定できます。