Как установить размер ячейки для каждого столбца с помощью jspdf? - PullRequest
0 голосов
/ 30 октября 2018

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

достигнуто до здесь:

    $.each(table1, function (i, row) {

            rowCount++;
            $.each(row, function (j, cellContent) {

                if (rowCount == 1) {

                    doc.margins = 1;
                    doc.setFont("helvetica");
                    doc.setFontType("bold");
                    doc.setFontSize(11);

//trying by this but cant get each cell wise.
                    for (var k = 0; k <= row[j].length; k++) {
                        if (TblId == 'Tbl_AddUser' && k==0) {
                            cellWidth = 20;
                        }
                        else if (TblId == 'Tbl_AddUser' && k == 3) {
                            cellWidth = 40;
                        }
                        doc.cell(leftMargin, topMargin, cellWidth, headerRowHeight, cellContent, i);
                    }

                }
         })

    })

Ответы [ 2 ]

0 голосов
/ 31 октября 2018

Добро пожаловать в StackOverflow.

Правильный способ добавить специфичные для таблицы настройки - использовать классы css. В вашем случае вы можете иметь правила CSS, основанные на идентификаторах таблиц.

table#table1 tr td {
  width: 200px;
  border: 1px solid black;
}

table#table2 tr td {
  width: 100px;
  border: 1px solid black;
}
<table id='table1'>
  <tr>
    <td>Cell in table-1</td>
  </tr>
</table>

<table id='table2'>
  <tr>
    <td>Cell in table-2</td>
  </tr>
</table>
0 голосов
/ 31 октября 2018

просто напишите приведенный ниже код внутри каждого первого цикла.

if (table.replace('#', '') == 'sample_2') {
            for (var k = 0; k < ActualTbl.rows[rowCount].cells.length; k++) {
                cellWidth = 30;

            }
        }
...