单击打印时发生错误更改视图数据表

时间:2018-10-20 12:34:57

标签: jquery html html-table datatables tr

在这种情况下,我出现了一个错误,当我单击带有dataTables的print时,显示的显示发生了变化。

当打印视图显示时: error view tr td

这在准备打印视图时: i want like this when print view showed

此代码打印:

<script> $(document).ready(function() {
$('#example23').DataTable( {

destroy: true,
dom: 'Bfrtip',
buttons: [
    'copy',
    'excel',
    {
       extend: 'pdfHtml5',
       title: 'TES',
       pageSize: 'A4',
       text: 'Export PDF',

       customize: function ( doc ) {
        doc.content[1].table.widths = 
            Array(doc.content[1].table.body[0].length + 1).join('*').split('');
         doc.pageMargins = [15,15,15,15];
     }
 },
    {
        extend: 'print',
        pageSize: 'A4',
        title: 'Tes',
        customize: function ( win ) {
            $(win.document.body).find('h1').css('text-align', 'center');
            $(win.document.body).find('h1').css('margin-top', '40px');
            $(win.document.body).find('h1').css('margin-bottom', '20px');

            $(win.document.body).find( 'table' )
                .addClass( 'compact' )
                .css( 'font-size', 'inherit' )
                .css( 'font-size', '12px' );
        }

    }
] } );

$.extend( $.fn.dataTable.defaults, {
language: {
    "processing": "Loading. Please wait..."
}, }); } ); </script>

我尝试过这个,也许有人可以解决? 谢谢

0 个答案:

没有答案