使用 TableHTMLExport 插件下载 Table HTML 为 PDF 时的横向

Question

我正在尝试使用 TableHTML导出插件下载 PDF table HTML。

我可以使用此代码下载 table 中的所有数据：

<table class="table downloadPDF" id="example">
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
                <th>Column 3</th>
                <th>Column 4</th>
                <th>Column 5</th>
                <th>Column 6</th>
                <th>Column 7</th>
                <th>Column 8</th>
                <th>Column 9</th>
                <th>Column 10</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Value 1</td>
                <td>Value 2</td>
                <td>Value 3</td>
                <td>Value 4</td>
                <td>Value 5</td>
                <td>Value 6</td>
                <td>Value 7</td>
                <td>Value 8</td>
                <td>Value 9</td>
                <td>Value 10</td>
            </tr>
        </tbody>
    </table>
    <button id="pdf" class="btn btn-danger">TO PDF</button>

<script>
    $('#pdf').on('click', function () {
      $(".downloadPDF").tableHTMLExport({type:'pdf', filename:'tst.pdf' });
    })
</script>

但是我无法在 PDF 结果中看到列的所有值，因为我的列太多而且纸张方向是纵向的。从 HTML 下载到 PDF 时如何将纸张方向更改为横向？

Answer 1

我决定用 TableExport 插件更改 TableHTMLExport 插件。我认为 TableExport 插件更强大且易于使用，因为它有很多库。我也可以用这个插件横向打印PDF。

表格导出插件： documentation TableExport, repository TableExport

使用 TableHTMLExport 插件下载 Table HTML 为 PDF 时的横向

Landscape Orientation When Download Table HTML to PDF Using TableHTMLExport Plugin

pdf

download

export

landscape-portrait