Цвет текста ячейки отказывается менять jsdpdf-autotable - PullRequest
Новая
       12

Цвет текста ячейки отказывается менять jsdpdf-autotable

0 голосов
/ 10 декабря 2018

Я уже выполнил шаги к некоторым ответам на эту тему, но ни один из них не работает.У меня есть следующий текст, который должен отображаться красным цветом: 

<table id="heading1">
<tr>
<td class="hrow"><h4>1. DETAILS</h4></td>
</tr>
</table>

Вот код, который я написал для PDF: 

<script>
 exportGraph = function () {
 var pdfsize = 'a4';
 var pdf = new jsPDF('l', 'mm', pdfsize);
 var totalPagesExp = "{total_pages_count_string}";

 var res2 = pdf.autoTableHtmlToJson(document.getElementById("heading1"));

 pdf.autoTable(res2.columns, res2.data, {
    createdCell: function(cell, data) {
        var tdElement = cell.raw;
        if (tdElement.classList.contains("hrow")) {
            cell.styles.textColor = "[255,72,72]";
        }
    },
startY: 10,
margin: {left: 5 },
styles: { halign: 'left', fontsize: 12 }
});


pdf.save('Submission-Printout.pdf'); 

}

</script>

Как видите, что яДОЛЖНЫ проделать теоретическую работу, но текст все равно выглядит не красным.Кто-нибудь знает, почему он не отображается красным цветом?

1 Ответ

0 голосов
/ 13 декабря 2018

А как насчет этого примера? 

function generate() {
  var doc = new jsPDF('p', 'pt', 'a4');

  var elem = document.getElementById('example');
  var data = doc.autoTableHtmlToJson(elem);
  doc.autoTable(data.columns, data.rows, {
     createdCell: function (cell, data) {
      if ($(cell.raw).hasClass("demo1")) {
        cell.styles.textColor = [200, 0, 0];
                    cell.styles.fontStyle = 'bolditalic';
            };
      if ($(cell.raw).hasClass("demo2")) {
        cell.styles.textColor = [0, 0, 205];
                    cell.styles.fontStyle = 'bold';
            };
       return false;
     }
}); 
 doc.save("table.pdf");
}
...