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

时间:2018-04-24 07:52:50

标签: javascript jquery datatables

我使用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'); 
                            });
                        }

                    }
    ] 
});

0 个答案:

没有答案