数据表打印多个主题

时间:2018-12-22 15:18:26

标签: javascript php jquery vue.js datatables

我有数据表以及html和js代码 这是html代码

<thead>
    <tr>
        <td colspan='8' class='thead-text'>
            <div>{{trans('language.user_name')}} :: {{$user['user_name']}}</div>
            <div>{{trans('language.user_phone')}} :: {{$user['user_phone']}}</div>
            <div>{{trans('language.from_date')}} :: {{$request['from_date']}} {{trans('language.to_date')}} :: {{$request['to_date']}}</div>
            <div>{{trans('language.date')}} :: {{date('Y-m-d')}}</div>

        </td>
    </tr>
    <tr class='whites'>
        <td>{{trans('language.id')}}</td>
        <td>{{trans('language.voucehr_number')}}</td>
        <td>{{trans('language.voucher_type')}}</td>
        <td>{{trans('language.date')}}</td>
        <td>{{trans('language.desc')}}</td>
        <td>{{trans('language.debit')}}</td>
        <td>{{trans('language.credit')}}</td>
        <td>{{trans('language.balance')}}</td>
    </tr>
</thead>

这是js代码

function datatable()
{
    $('#example').DataTable( {
    dom: 'Bfrtip',
    "order": [],
    "pageLength": 40,
        buttons: ['copy', 'csv', 'excel', 
        {
            extend: 'print',
            autoPrint: true,
            repeatingHead: {
                    logo: 'style/thead.png',
                    logoPosition: 'center',
                    logoStyle: 'asdfasdf',
                    title: '<h3>'+site_name+'</h3>',
                     header: true,
                    footer: true
                }
            }
        ]
    } );
}

现在一切都很好,但是当我获取数据时,我会像这样 enter image description here

但是当我打印预览时,我会显示此页面 enter image description here

您可以看到第一个主题从打印预览中消失了 谁能帮忙

0 个答案:

没有答案