ファイルエクスポートオプションを追加すると、ページごとにフィルタとアイテムが削除されます

Question

ファイルエクスポートオプションをデータテーブルに追加すると、何らかの理由で「ページごとのアイテム」選択ボックスとフィルタ（選択ボックス）が非表示になります。

ここ

が私のコードです：

$('#details').DataTable({ 
      "lengthChange": true, 
      "pageLength": 50, 
      "lengthMenu": [[50, 100, 200, 300, 400, 500, -1], [50, 100, 200, 300, 400, 500, "הכל"]], 
      "language": { 
       "processing": "מעבד...", 
       "lengthMenu": "הצג _MENU_ פריטים", 
       "zeroRecords": "לא נמצאו רשומות מתאימות", 
       "emptyTable": "לא נמצאו רשומות מתאימות", 
       "info": "_START_ עד _END_ מתוך _TOTAL_ רשומות", 
       "infoEmpty": "0 עד 0 מתוך 0 רשומות", 
       "infoFiltered": "(מסונן מסך _MAX_ רשומות)", 
       "infoPostFix": "", 
       "search": "חפש:", 
       "url": "", 
       "paginate": { 
        "first": "ראשון", 
        "previous": "הקודם", 
        "next": "הבא", 
        "last": "אחרון" 
       } 
      }, 
      dom: 'Bfrtip', 
      buttons: [ 
       'csv', 'excel', 'pdf', 'print' 
      ], 
      initComplete: function() { 
       this.api().columns().every(function() { 
        var column = this; 
        var select = $('<select><option value=""></option></select>') 
         .appendTo($(column.footer()).empty()) 
         .on('change', function() { 
          var val = $.fn.dataTable.util.escapeRegex(
           $(this).val() 
          ); 

          column 
           .search(val ? '^' + val + '$' : '', true, false) 
           .draw(); 
         }); 

        column.data().unique().sort().each(function (d, j) { 
         select.append('<option value="' + d + '">' + d + '</option>') 
        }); 
       }); 
      } 
     }); 

誰もが理由のアイデアを持っていますか？

Answer 1

申し訳ありませんが、わかりました。 2つの問題がありました。 最初の@davidkonrad saitのように、dom属性をBlfrtipに設定する必要があります。 もう1つは、私のテーブルにtfootという属性がないことです。