Скрыть DataTables функции экспорта и нумерации страниц

Question

Я использую плагин jQuery DataTables для отображения таблиц.Затем мне удалось добавить функции экспорта в CSV и PDF с помощью API Datatables.Затем у меня есть форма, состоящая из трех параметров выбора.
Когда пользователь выбирает элемент, он показывает таблицу.

Если пользователь выбирает второй элемент списка выбора, он переключается на вторую таблицу.с кнопками экспорта, связанными с этой второй таблицей.Это нормально, но это остается кнопками экспорта первой таблицы.Как я могу сделать, чтобы показать функции только первой таблицы и скрыть функции предыдущей таблицы?

Вот мой код:

  $('select[name=tab]').change(function () {
    if ($(this).val() == 'tab1') {
        $('#table1').show();  
        $('#table2').hide();                                                                                
        $('#table1').DataTable({
                dom: 'Bfrtip',
                info : false,
                buttons: [
                    'csv', 'excel', 'pdf'
                ]
            });
    }
    else if ($(this).val() == 'tab2') {
        $('#table1').hide();  
        $('#table2').show();                                                                                                               
        $(document).ready(function () {
            $('#list-saint-iv').DataTable({
                dom: 'Bfrtip',
                info : false,
                buttons: [
                    'csv', 'excel', 'pdf'
                ]
            });

        });                               
    }

[.....]

Большое спасибо!

Answer 1

есть что-то подобное;вам нужно будет сохранить 2 шаблона таблицы.а затем уничтожьте таблицу, которая не используется во время вашего выбора.

    $( document ).ready(function() {

     var tblTemplateWithoutExport = {

            "paging" : false,
            "info" : false,

       };

       var tblTemplateWithExport = {

            "paging" : false,
             dom: 'Bfrtip',
            "info" : false,
            buttons: [
                'csv', 'excel', 'pdf'
            ]

      };

      var tbl1,tbl2;

      tbl1 = $('#table1').DataTable(tblTemplateWithoutExport);
      tbl2 = $('#table2').DataTable(tblTemplateWithExport); 

      $( 'select[name=tab]' ).change(function() {

          if ($(this).val() == 'tab1') {

             tbl2.destroy();
             tbl1.destroy();  
             tbl1 = $('#table1').DataTable(tblTemplateWithoutExport);


          }

          else if($(this).val() == 'tab2'){

              tbl1.destroy();
              tbl2.destroy();
              tbl2 = $('#table2').DataTable(tblTemplateWithExport); 


          }

          else{
               console.log('something other selection');
           }

      });

    });