2017-11-14 9 views
0

申し訳ありませんが、私の英語はあまり良くありません。私はjsPDF autotableに関する質問があります。 私のコードを実行してPDFファイルを作成するのに時間が掛かってしまった。jsPDF autotableのHTMLクラスまたは特定のセルを特定する方法

は、ここに私のコードです:私はgithubのレポで検索し、多分私を助けるが、私は右のしくみを知らないことができexamples.jsにコードスニペットを発見した

$('#printBtn').on('click', function() { 
    var pdf = new jsPDF('p', 'pt', 'a4'); 
    var res = pdf.autoTableHtmlToJson(document.getElementById("tablePrint")); 

    pdf.autoTable(res.columns, res.data, { 
     theme : 'plain', 
     styles: { 
      fontSize: 12 
     }, 
     showHeader: 'never' 
    }); 

    pdf.save("test.pdf"); 
}); 

....

 parsedInput: function (cell, data) { 
      if (data.column.dataKey === 'name') { 
       cell.styles.fontStyle = 'bold'; 
      } 
     } 

は私が

<table> 
<tbody> 
<tr> 
<td class="hrow">15.11.2016</td> 
<td class="hrow">11:20</td> 
<td class="hrow"></td> 
</tr> 
<tr> 
<td></td> 
<td>Musterfrau</td> 
<td>Mustermann</td> 
</tr> 
<tr> 
<td></td> 
<td>Musterfrau XYZ</td> 
<td>XXX</td> 
</tr> 
<tr> 
<td class="hrow">15.11.2016</td> 
<td class="hrow">11:20</td> 
<td class="hrow"></td> 
</tr> 
<tr> 
<td></td> 
<td>Musterfrau</td> 
<td>Mustermann</td> 
</tr> 
<tr> 
<td></td> 
<td>Musterfrau XYZ</td> 
<td>XXX</td> 
</tr> 
<tr> 
<td></td> 
<td>Example cell</td> 
<td>acusduhfsd</td> 
</tr> 
<tr> 
<td class="hrow">15.11.2016</td> 
<td class="hrow">11:20</td> 
<td class="hrow"></td> 
</tr> 
<tr> 
<td></td> 
<td>Musterfrau dfg</td> 
<td>Mustermann dfhgd</td> 
</tr> 
<tr> 
</tbody> 
</table> 

私はそれぞれの行クラスで細胞を望ん例えば、テーブルを持っています"hrow"は、テキストを太字で示しています。

私はこれにどのように到達できますか?

ありがとうございました。

答えて

0

はこのような何かを試してみてください:

pdf.autoTable(res.columns, res.data, { 
    createdCell: function(cell, data) { 
     var tdElement = cell.raw; 
     if (tdElement.classList.contains('hrow')) { 
      cell.styles.fontStyle = 'bold'; 
     } 
    } 
}); 

テストが、大胆なCSSクラスhrowを持つ細胞を作る必要があるわけではありません。

関連する問題