数据表 - 更改打印页面标题的字体大小

apr*_*pey 2 css datatables

尝试更改打印页面标题的字体时遇到问题。我使用了基于此文档自定义方法

这是我的代码:

$(document).ready(function() {
$('#tabelservis').DataTable( {
    "columnDefs": [
            { "type": "numeric-comma", targets: [0, 3] }
    ],
    dom: 'Bfrtip',
    buttons: [
        {
            extend: 'copyHtml5',
            exportOptions: {
                columns: [ 0, ':visible' ]
            }
        },
        {
            extend: 'excel',
            exportOptions: {
                columns: [ 0,1, 2, 3, 4 ]
            }
        },
        {
            extend: 'print',
            title: 'All of Services',
            exportOptions: {
                columns: [ 0,1, 2, 3, 4 ]
            },
            customize: function ( win ) {
                $(win.document.body)
                    .css( 'font-size', '12px' );

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

        }
    ]
} );
} );
Run Code Online (Sandbox Code Playgroud)

但是标题字体仍然没有改变,这是屏幕截图:

在此处输入图片说明

如您所见,“所有服务”的大字体仍然很大。

有什么建议可以解决这个问题吗?谢谢

Bru*_*dka 6

标题在<h1>html 标记上。因此,您可以更改标记的所有 css 样式。

例如:

 customize: function ( doc ) {
     $(doc.document.body).find('h1').css('font-size', '15pt');
     $(doc.document.body).find('h1').css('text-align', 'center'); 
 }
Run Code Online (Sandbox Code Playgroud)

等等。 ;)