web-dev-qa-db-ja.com

エクスポートツールを使用すると、エントリのドロップダウンが表示されない

エクスポートツールを使用すると、エントリのドロップダウンが表示されない

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip', // if you remove this line you will see the show entries dropdown
        buttons: [
            'copy', 'csv', 'Excel', 'pdf', 'print'
        ]
    } );
});

jsfiddle

31
Almis

ldomフラグがありません。 「長さ変更入力制御」の場合はl

dom: 'lBfrtip'

ドロップダウンが再表示されます。

更新されたフィドル->http://jsfiddle.net/p33x5L3t/1/
dom documentation->https://datatables.net/reference/option/dom

90
davidkonrad

私はそれが長すぎることを知っていますが、誰かがまだこの問題に直面している場合は、以下を実行してください、それは代替答えです。

次のようにボタン内に「pageLength」を追加します。

$('#example').DataTable( {
    dom: 'Bfrtip',
    buttons: [
        'pageLength','copy', 'csv', 'Excel', 'print'
    ]
} );
10
The Voyager

これは私のために働く:

$(document).ready(function(){   
      dataTable = $('#myDataTable').DataTable({
         "processing":true,
         "serverSide":true,
          dom:'lBfrtip',
          buttons: ['Excel', 'csv', 'pdf', 'copy'],
         "lengthMenu": [50,100,500,1000,2000,5000,10000,50000,100000],
         "order":[],
         "sScrollX": "100%",
         "scrollCollapse": true,
         "ajax":{
            url:"FetchAllAjax.php",
            type:"POST"
         }
      });       
   });
0
Ashvin patidar