导出到pdf不执行列包装

Question

$(‘#样例’).dataTable({ dom：'Bfrtip‘)按钮：[{扩展：’excelHtml5 5‘，标题：'Excel'，正文：“导出到excel”//列导出//导出选项：{//列: 0、1、2、3、4、5、6/ }，{ extend：‘pdfHtml5 5’，标题：'PDF'，文本：‘导出到PDF'，//列导出exportOptions：{列: 0，1，2，3 })；$(‘#示例td’).css(‘空白’，‘初始’)；

我在jsfiddle中上传了示例代码，而我使用pdf (它的一些列值没有包装)。

https://jsfiddle.net/mhdakta/gtps8cLb/13/

Answer 1

您需要添加自定义，以pdf导出css也在pdf上

 $('#example').dataTable({
               
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'excelHtml5',
                        title: 'Excel',
                        text:'Export to excel'
                        //Columns to export
                        //exportOptions: {
                       //     columns: [0, 1, 2, 3,4,5,6]
                       // }
                    },
                    {
                        extend: 'pdfHtml5',
                        title: 'PDF',
                        text: 'Export to PDF',
                        //Columns to export
                        exportOptions: {
                            columns: [0, 1, 2, 3]
                        },
                        customize: function (doc) {
                           doc.defaultStyle.fontSize = 8; //2, 3, 4,etc
                           doc.styles.tableHeader.fontSize = 10; //2, 3, 4, etc
                           doc.content[1].table.widths = [ '63%',  '13%', '13%', '13%'];
                       }
                    }
                ]
            });
            
            $('#example td').css('white-space','initial');