数据表javascript变量的多次使用

Question

因此我对单个数据表使用了多种功能，但是它不起作用，我尝试了多种方式，例如更改ID，重复变量等。在这里我需要您的建议，谢谢

这是代码：

<script>
    $(document).ready(function() {
    // Setup - add a text input to each footer cell

    var table = $('#example').DataTable( {
        lengthChange: false,
        buttons: [ 'copy', 'excel', 'pdf', 'colvis' ]
    } );

    table.buttons().container()
        .appendTo( '#example_wrapper .col-sm-6:eq(0)' );
    } );

    $('#example tfoot th').each( function () {
        var title = $(this).text();
        $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
    } );
    // DataTable

    var table2 = $('#example').DataTable();

    // Apply the search
    table2.columns().every( function () {
        var that = this;

        $( 'input', this.footer() ).on( 'keyup change', function () {
            if ( that.search() !== this.value ) {
                that
                    .search( this.value )
                    .draw();
            }
        } );
    } );

</script>