jsPDFオートテーブルワイドカラムの内容が壊れていない

Question

jsPDFオートテーブルを使用してテーブルからHTMLコンテンツを取得し、jsPDFドキュメントにエクスポートするが、何を試してもカラム幅の折り返し/折り返しができないようだ私が望むように。

理想的には「長い：オーバーフロー改行」に似て、複数行にわたる長い列の内容の折り返しと、自動的にその幅のをcalculdateするテーブルと列をしたいと思い、ここで例：https://simonbengtsson.github.io/jsPDF-AutoTable/#long

私が使用しているが、例と同じコードでは、同じように生成されません。

exportGraph = function() { 
    var doc = new jsPDF(); 
    var elem = document.getElementById("basic-table"); 
    var res = doc.autoTableHtmlToJson(elem); 

    doc.autoTable(res.columns, res.data, { 
     startY: 15, 
     margin: { horizontal: 0 }, 
     bodyStyles: { valign: 'top' }, 
     styles: { overflow: 'linebreak', columnWidth: 'wrap' }, 
     columnStyles: { text: { columnWidth: 'auto' } } 
    }); 

    doc.save('test.pdf'); 
}; 

jsfiddle example

これは今本当にイライラなってきているよう任意の助けいただければ幸いです！

Answer 1

この例のtextキーは、サンプルデータ内のデータキーへの参照です。あなたがautoTableToHtml機能を使用しているとして、あなたのデータキーが整数基づいて行われますので、あなたのcolumnStylesは次のように好きでなければならない：

columnStyles: { 
    2: { 
    columnWidth: 'auto' 
    } 
} 

これは、この段階では非常によく記載されていません。私は次のバージョン3のためのドキュメントでそれについてのセクションを書いた。