Javascript 为什么我的表在使用DataTable打印时没有边框?

Javascript 为什么我的表在使用DataTable打印时没有边框?,javascript,jquery,datatables,Javascript,Jquery,Datatables,我使用显示我的数据库输出。我使用datatable上的“打印”按钮打印表格。它将打开另一个窗口,其中包含要打印的表格。但是,表格边框没有正确显示 在第1页中,缺少最右边框。在第2页和其他页面中,甚至不显示表格边框 这是我的datatable脚本: $('.dataTables-example').DataTable({ pageLength : 25, responsive : true, dom : '<"html5buttons"B>

我使用显示我的数据库输出。我使用datatable上的“打印”按钮打印表格。它将打开另一个窗口,其中包含要打印的表格。但是,表格边框没有正确显示

在第1页中,缺少最右边框。在第2页和其他页面中,甚至不显示表格边框

这是我的datatable脚本:

$('.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类。您能给我看一下吗?此外,分页按钮未设置样式