我使用DataTable来显示我的数据库输出。我使用数据表上的打印按钮来打印表格。它打开另一个窗口,打印表格。但是,表格边框未正确显示。
在第1页中,缺少最右边界。在第2页和其他页面中,甚至不显示表格边框。
这是我的数据表脚本:
$('.dataTables-example').DataTable({
pageLength : 25,
responsive : true,
dom : '<"html5buttons"B>lTfgitp',
buttons : [
{ extend : 'copyHtml5'},
{
extend : 'excel',
title : "TEST PAGE" },
{
extend : 'pdf',
title : "TEST PAGE"},
{
extend : 'print',
orientation : 'landscape',
title : 'TEST PAGE',
autoPrint : false,
message : 'UP MESSAGE',
messageBottom : 'BOTTOM MESSAGE',
customize : function (win){
$(win.document.body).addClass('white-bg');
$(win.document.body).css('font-size', '10px');
$(win.document.body).find('table').css('font-size', 'inherit');
$(win.document.body).find('table tr').css('border','1px solid black');
$(win.document.body).find('tbody tr').each(function(c){
$(this).find('td').css('vertical-align','middle');
$(this).find('td:eq(0)').css('text-align','right');
$(this).find('td:eq(5)').css('text-align','right');
$(this).find('td:eq(6)').css('text-align','right');
});
}
}
]
});