PDF页面大小和方向中的dataTable问题答案

【问题标题】：dataTable issue in PDF page size and orientationPDF页面大小和方向中的dataTable问题
【发布时间】：2017-01-23 11:30:20
【问题描述】：

我使用数据表插件导出 pdf、csv、xls 和打印。我的 pdf 视图有问题。

当我点击下载 pdf 按钮时，我的 pdf 文件数据没有全宽显示。请检查此链接 - https://datatables.net/extensions/buttons/examples/html5/pdfPage.html

截图：

代码：

    {extend: 'copy'},
    {extend: 'csv'},
    {extend: 'excel', title: 'DownloadExcel'},
    {extend: 'pdf'},
    {extend: 'print',
        customize: function(win) {
            $(win.document.body).addClass('white-bg');
            $(win.document.body).css('font-size', '10px');
            $(win.document.body).find('table')
                    .addClass('compact')
                    .css('font-size', 'inherit');
        }
    }

【问题讨论】：

标签： jquery pdf datatable datatable-buttons

【解决方案1】：

尝试将{extend: 'pdf'} 更改为{extend: 'pdfHtml5'} 并添加orientation:'landscape' 并添加到类compactwidth:100%;

【讨论】：

我将在其中添加compact width:100%
可以在css api中添加 .css('font-size': 'inherit','width' : '100%' );