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

Question

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

问题是，当用户单击打印按钮时，我一直在寻找删除表格页脚的选项，因为页脚是每个过滤器输入元素所在的部分，所以我不想让他们看到这些对客户的输入。

我尝试过使用

'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用于代码和演示。