jspdf увеличить высоту строки для автоматически создаваемой таблицы в файле скрипта - PullRequest
Новая
       6

jspdf увеличить высоту строки для автоматически создаваемой таблицы в файле скрипта

0 голосов
/ 22 мая 2018

Я работаю над проектом, который генерирует таблицу в файле javascript.Я хочу оставить некоторое пространство между заголовком и первым рядом.Я не могу найти способ сделать это в jspdf.

Вот массив для autotable: 

var columns = ["", "", "", "", "", "Custom % Usage"];
    var rows = [
      ["% HSA Used", "40%", "65%", "80%", "100%", customPercent + "%"],
      // ["", "", "", "", "", ""],
      ["HSA $ spend(Single)", "$" +(hsaSingle12).innerHTML, "$" +(hsaSingle2).innerHTML, "$" +(hsaSingle3).innerHTML, "$" +(hsaSingle4).innerHTML, "$" +(hsaSingle5).innerHTML],
      ["HSA $ spend(Family)", "$" +(hsaFamily1).innerHTML, "$" +(hsaFamily2).innerHTML, "$" +(hsaFamily3).innerHTML, "$" +(hsaFamily4).innerHTML, "$" +(hsaFamily5).innerHTML],
      ["HSA Admin Fee", "$" +(hsaAdmin1).innerHTML, "$" +(hsaAdmin2).innerHTML, "$" +(hsaAdmin3).innerHTML, "$" +(hsaAdmin4).innerHTML, "$" +(hsaAdmin5).innerHTML],
      ["Provincial Tax", "$" +(hsaTax1).innerHTML, "$" +(hsaTax2).innerHTML, "$" +(hsaTax3).innerHTML, "$" +(hsaTax4).innerHTML, "$" +(hsaTax5).innerHTML],
      ["Total Annual Cost", "$" +(hsa_totalCost1).innerHTML, "$" +(hsa_totalCost2).innerHTML, "$" +(hsa_totalCost3).innerHTML, "$" +(hsa_totalCost4).innerHTML, "$" +(hsa_totalCost5).innerHTML]
    ];

И здесь я определяю стили для таблицы.Стиль столбцов работает отлично, но стиль строк не работает.

  doc.autoTable(columns, rows, {

      styles: {
        fontSize: 10,
        font: "helvetica", // helvetica, times, courier
        lineColor: 255,
        // lineColor: [192,192,192],
        lineWidth: 1,
        fontStyle: 'normal', // normal, bold, italic, bolditalic
        overflow: 'ellipsize', // visible, hidden, ellipsize or linebreak
        fillColor: false, // false for transparent or a color as described below
        textColor: 20,
        halign: 'left', // left, center, right
        valign: 'middle', // top, middle, bottom
        columnWidth: 'auto',
      }, // 'auto', 'wrap' or a number


      columnStyles: {
        // 1: {columnWidth: 28, fillColor: [103,129,191], fontStyle: 'bold', textColor: (255,255,255)},
        1: {columnWidth: 28},
        2: {columnWidth: 20},
        3: {columnWidth: 20},
        4: {columnWidth: 20},
        5: {columnWidth: 35},
        columnWidth: 'wrap'
      },

rowStyles: {
        0: {rowHeight: 50}
      },


      margin: {top: 220},
      addPageContent: function(data) {
      }

    });
...