Question

我使用的是jQuery DataTables和TableTools 2.2.4，这是我用来初始化带有多重过滤器输入和闪存导出按钮的数据表的代码行。

问题在于，当用户点击打印按钮时，我一直在寻找删除桌面页脚的选项，因为页脚是每个过滤器输入元素的部分，所以我不知道希望看到客户的这些意见。

我试图使用

'sExtends':'print','bFooter':false

但它不适用于打印按钮，只能使用其余的按钮。

tbl_consultarEmpleados是我桌子的ID。

你知道如何自动打印表格吗？我的意思是，当我点击打印按钮时，它会将我发送给预览，所以我希望它能够将我发送到this example中的直接打印操作。

        $(document).ready(function() 
        {
            //from here I start the datatables with multi filter options
            $('#tbl_consultarEmpleados tfoot th').each( function () {
                var title = $('#tbl_consultarEmpleados thead th').eq( $(this).index() ).text();
                $(this).html( '<input type="text" placeholder="Filtrar" />' );
            } );
            var table = $('#tbl_consultarEmpleados').DataTable();

            table.columns().every( function () {
                var that = this;

                $( 'input', this.footer() ).on( 'keyup change', function () {
                    if ( that.search() !== this.value ) {
                        that
                        .search( this.value )
                        .draw();
                    }
                } );
            } );// from here I start the flash buttoms section
        var table= $('#tbl_consultarEmpleados').dataTable();

        var tableTools = new $.fn.dataTable.TableTools(table, 
        {
            'sSwfPath': '//cdn.datatables.net/tabletools/2.2.4/swf/copy_csv_xls_pdf.swf',
            dom: 'Bfrtip',
            'aButtons': ['csv','pdf',
            {
                'sExtends':'print','bShowAll':false,'sButtonText':'Imprimir','autoPrint': true
            },

            {
                'sExtends':'xls','sFileName':'*.xls','sButtonText':'Enviar a Excel'
            },

            ],

        });

        $(tableTools.fnContainer()).insertBefore('#tbl_consultarEmpleados_wrapper')

    } );

Answer 1

原因

根据TableTools - Button options bFooter选项仅影响导出按钮。

解

使用替换已退役Buttons的新TableTools扩展程序，您可以删除页脚，如下所示。默认情况下启用自动打印。

$('#example').DataTable( {
    dom: 'Bfrtip',
    buttons: [
       {
           extend: 'print',
           footer: false
       }        
    ]      
} );

有关详细信息，请参阅内置print按钮。

样本

请参阅this jsFiddle以获取代码和演示。

如何删除数据表打印上的页脚

1 个答案:

原因

解

样本