Question

我的应用程序中有很多HTML个表，每个表具有不同的列数。我为所有页面编写了相同的脚本代码，因此我需要根据表ID设置单元格大小。我可以得到表ID，但不能循环遍历列。

到达此处：

    $.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);
                    }

                }
         })

    })

Answer 1

只需在每个循环的第一个内部编写以下代码。

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

            }
        }

Answer 2

欢迎使用StackOverflow。

添加表特定设置的正确方法是使用CSS类。您可以根据表ID设置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>

javascript-如何使用jspdf按每列明智地设置单元格大小？

2 个答案: