Jquery Datatable打印空白表问题

Jquery Datatable打印空白表问题,jquery,datatable,datatables,Jquery,Datatable,Datatables,我在我的网站中使用数据表,唯一的问题是当我点击“打印”按钮时,它会显示带边框的空白表。请参阅附件:。当我刷新页面时,它会显示数据。这是我的代码,请检查: $('#data-table').DataTable({ dom: 'Bfrtip', destroy: true, searching: false, info: false, buttons: [{ text: 'Email', className: 'btn-warn

我在我的网站中使用数据表,唯一的问题是当我点击“打印”按钮时,它会显示带边框的空白表。请参阅附件:。当我刷新页面时,它会显示数据。这是我的代码,请检查:

$('#data-table').DataTable({
    dom: 'Bfrtip',
    destroy: true,
    searching: false,
    info: false,
    buttons: [{
        text: 'Email',
        className: 'btn-warning btn_send_email',
        title: $('#dll_suser option:selected').text()
    },
    {
        extend: 'excel',
        className: 'btn-success',
        title: $('#dll_suser option:selected').text()
    },
    {
        extend: 'pdf',
        className: 'btn-danger',
        title: $('#dll_suser option:selected').text()
    },
    {
        extend: 'csv',
        className: 'btn-success',
        title: $('#dll_suser option:selected').text()
    },
    {
        extend: 'print',
        className: 'btn-info print_btn',
        text: 'Print',
        autoPrint: true,
        exportOptions: {
            columns: [0, 1, 2, 3, 4, 5, 6]
        },
        customize: function(win) {
            $(win.document.body).find('table').addClass('display').css({
                'font-size': '12px'
            });
            $(win.document.body).find('th,td').each(function(index) {
                $(this).css({
                    'text-align': 'center',
                    'padding': '5px 10px'
                });
            });
            $(win.document.body).find('h1').css({
                'text-align': 'center',
                'font-size': '16px',
                "float": 'left',
                'width': '100%'
            });
            $(win.document.body).find('h1').text('Monthly Sling Check : ' + org_name);
            $(win.document.body).find('h1').after('<div style="text-align:center; width:100%;float:left;"><div style="float:left;"> DOB : ' + $('#dll_suser option:selected').attr('dob') + '</div><div style="float:right;"> Room No. : ' + $('#dll_suser option:selected').attr('room_no') + '</div></div>');
            $(win.document.body).find('h1').after('<div style=" width:100%; text-align:center;"><div style="float:left;">Service User(SU) : ' + $('#dll_suser option:selected').text() + '</div><div style="float:right">Date : ' + start_date + ' TO ' + end_date + '</div></div>');
            $(win.document.body).css('height', 'auto');
        }
    }],
    fixedHeader: {
        header: !0,
        headerOffset: $("#header").height()
    },
    responsive: true
});
$(“#数据表”).DataTable({
dom:'Bfrtip',
摧毁:没错,
搜索:假,
信息:错,
按钮:[{
文本:“电子邮件”,
类名:“btn警告btn\u发送电子邮件”,
标题:$(“#dll_用户选项:选定”).text()
},
{
扩展:“excel”,
类名:“btn成功”,
标题:$(“#dll_用户选项:选定”).text()
},
{
扩展:“pdf”,
类名:“btn危险”,
标题:$(“#dll_用户选项:选定”).text()
},
{
扩展:“csv”,
类名:“btn成功”,
标题:$(“#dll_用户选项:选定”).text()
},
{
扩展:“打印”,
类名:“btn信息打印”,
文本:“打印”,
自动打印:对,
出口选择:{
列:[0,1,2,3,4,5,6]
},
自定义:功能(win){
$(win.document.body).find('table').addClass('display').css({
“字体大小”:“12px”
});
$(win.document.body).find('th,td').each(函数(索引){
$(this.css)({
“文本对齐”:“居中”,
“填充”:“5px 10px”
});
});
$(win.document.body).find('h1').css({
“文本对齐”:“居中”,
“字体大小”:“16px”,
“浮动”:“左”,
“宽度”:“100%”
});
$(win.document.body).find('h1').text('Monthly Sling Check:'+组织名称);
$(win.document.body).find('h1').after('DOB:'+$('dll_-suser option:selected').attr('DOB')+'Room No.:'+$('dll_-suser option:selected').attr('Room_-No')+'');
$(win.document.body).find('h1')。after('Service User(SU):'+$('dll_suser option:selected')。text()+'日期:'+开始日期+'到'+结束日期+'');
$(win.document.body).css('height','auto');
}
}],
固定标题:{
标题:!0,
表头偏移量:$(“#表头”).高度()
},
回答:对
});

您是否使用了打印媒体css..?请在关闭标题标签之前添加这一行
@media print{body{color:black!重要;}}
不,我没有使用打印媒体,在打印完所有页面后,datatable最后打印了空白页面。我把这个代码放在:body,html{height:100%}