分页不会出现数据表格

时间:2018-05-24 11:49:45

标签: javascript datatable pagination pdf-generation

有一个数据表,可以导出到PDF或Excel和打印按钮。但是分页不会出现。当我看到示例时,大部分内容与我的项目相同;当他们放按钮时,分页不会出现。我该如何解决这个问题? 数据表的js代码如下;

    var oTable = $('#datatables').dataTable({
                destroy: true,
                "bSort": false,
                dom: 'Bfrtip',
                buttons: [
                {
                    extend: 'excelHtml5',
                    footer: true ,
                    exportOptions: {
                        columns: [0, 1, 2, 3, 4,5,6,7]
                    }   
                },
                {
                    extend: 'pdfHtml5',
                    exportOptions: {
                        columns: [0, 1, 2, 3, 4, 5]
                    },
                    customize: function (doc) {
                    //Remove the title created by datatTables
                    doc.content.splice(0, 1);
                    //Create a date string that we use in the footer. Format is dd-mm-yyyy
                    var now = new Date();
                    var jsDate = now.getDate() + '-' + (now.getMonth() + 1) + '-' + now.getFullYear();

              //      doc.pageMargins = [20, 60, 20, 30];
                    // Set the font size fot the entire document
                    doc.defaultStyle.fontSize = 9;
                    // Set the fontsize for the table header
                    doc.styles.tableHeader.fontSize = 9;
                    // Create a header object with 3 columns
                    // Left side: Logo
                    // Middle: brandname
                    // Right side: A document title
                    doc['header'] = (function () {
                        return {
                            columns: [

                                {
                                    alignment: 'left',
                                    italics: true,
                                    text: 'dataTables',
                                    fontSize: 18,
                                    margin: [10, 0]
                                },
                                {
                                    alignment: 'right',
                                    fontSize: 14,
                                    text: $("#drpIller option:selected").text() + "  " + $("#drpIlceler option:selected").text() 
                                }
                            ],
                            margin: 20
                        }
                    });
                    doc['footer'] = (function (page, pages) {
                        return {
                            columns: [
                                {
                                    alignment: 'left',
                                    text: ['Oluşturulma tarihi: ', { text: jsDate.toString() }]
                                },
                                {
                                    alignment: 'right',
                                    text: ['page ', { text: page.toString() }, ' / ', { text: pages.toString() }]
                                }
                            ],
                            margin: 20
                        }
                    });
                    var objLayout = {};
                    objLayout['hLineWidth'] = function (i) { return .5; };
                    objLayout['vLineWidth'] = function (i) { return .5; };
                    objLayout['hLineColor'] = function (i) { return '#aaa'; };
                    objLayout['vLineColor'] = function (i) { return '#aaa'; };
                    objLayout['paddingLeft'] = function (i) { return 4; };
                    objLayout['paddingRight'] = function (i) { return 4; };
                    doc.content[0].layout = objLayout;
                }
                },
                {
                    extend: 'print'
                }
                ],
                "responsive": true,
                "data": data,
                "columns": [             
                   { "data": "A", "autoWidth": true},
                   { "data": "S", "autoWidth": true},
                   { "data": "D", "autoWidth": true },
                   { "data": "E", "autoWidth": true},
                   { "data": "F", "autoWidth": true },
                   { "data": "G", "autoWidth": true }

                ],
               "bAutoWidth": false 
                }
            });

感谢您的宝贵帮助。

1 个答案:

答案 0 :(得分:0)

我在这个链接找到答案: https://codepen.io/RedJokingInn/pen/XMVoXL 它是大约的选择。 当我写

时它就解决了
"dom":  '<"dt-buttons"Bf><"clear">lirtp'

而不是

 dom: 'Bfrtip'
该链接上的教程还包括打印页码并在每页信息的顶部打印相同的句子。

将来可以帮助某人。