分页不会出现数据表格

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了分页不会出现数据表格相关的知识,希望对你有一定的参考价值。

有一个数据表导出到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 
                }
            });

感谢您的宝贵帮助。

答案

我在这个链接找到答案:https://codepen.io/RedJokingInn/pen/XMVoXL这是关于dom选项。我写的时候就解决了

"dom":  '<"dt-buttons"Bf><"clear">lirtp'

代替

 dom: 'Bfrtip'

链接上的教程还包括打印页码和打印每页信息顶部的相同句子

未来可能可以帮助某人。

以上是关于分页不会出现数据表格的主要内容,如果未能解决你的问题,请参考以下文章

表格分页 [Bootstrap - Django]

html中打印table时内容过多导致分页后表格边框不完整?

EXCEL表格引用多表数据设置公式的便捷方法

SQL分页查询总记录数和查询信息临时表

当页码更改时,React 分页不会更新页面数据

FragmentStatePagerAdapter 视图分页器片段在活动重新创建后不显示