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%}