Javascript 为什么我的表在使用DataTable打印时没有边框?
我使用显示我的数据库输出。我使用datatable上的“打印”按钮打印表格。它将打开另一个窗口,其中包含要打印的表格。但是,表格边框没有正确显示 在第1页中,缺少最右边框。在第2页和其他页面中,甚至不显示表格边框 这是我的datatable脚本:Javascript 为什么我的表在使用DataTable打印时没有边框?,javascript,jquery,datatables,Javascript,Jquery,Datatables,我使用显示我的数据库输出。我使用datatable上的“打印”按钮打印表格。它将打开另一个窗口,其中包含要打印的表格。但是,表格边框没有正确显示 在第1页中,缺少最右边框。在第2页和其他页面中,甚至不显示表格边框 这是我的datatable脚本: $('.dataTables-example').DataTable({ pageLength : 25, responsive : true, dom : '<"html5buttons"B>
$('.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');
});
}
}
]
});
$('.dataTables示例').DataTable({
页长:25,
回答:是的,
dom:“lTfgitp”,
按钮:[
{extend:'copyHtml5'},
{
扩展:“excel”,
标题:“测试页”},
{
扩展:“pdf”,
标题:“测试页”},
{
扩展:“打印”,
定位:'景观',
标题:“测试页”,
自动打印:错误,
消息:“向上消息”,
messageBottom:'底部消息',
自定义:功能(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纯黑');
$(win.document.body).find('tbody tr').each(函数(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');
});
}
}
]
});
你能检查新的页面源代码并检查数据表css是否存在吗?我使用新的数据表css,但缺少边框。当我使用旧的按钮时,会显示边框,但打印按钮不是样式。尝试使用相同版本的js和css,如果打印按钮不是样式,请为按钮创建新的css类。您能给我看一下吗?此外,分页按钮未设置样式