オプション項目は

オプション項目は、エクスポートツールオプション項目は

$(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

出典

2015-09-17 Almis

を使用するときは、ちょうどdomでlフラグが欠けて消えドロップダウン輸出ツールを使用する際に消えドロップダウン。 "長さ変更入力コントロール"

dom: 'lBfrtip'

は、再び表示されます。

更新フィドル - >http://jsfiddle.net/p33x5L3t/1/
domドキュメント - >https://datatables.net/reference/option/dom

出典

2015-09-17 12:22:00 davidkonrad

は、これは非常に有用だった、ありがとう！ 1つの質問 - 修正を使用すると、ボタンは再び表示されますが、 "show entries"ドロップダウンにかなり近いです...単語 "entries"の最後と最初のエクスポートボタン（コピー）？ –

datatablesボタンのCSSファイルを編集する必要はありますか？（私はこれらのことをかなり新しくしています、もし私の質問がばかだとすみませます） –

@ ZubinMukerjee、あなたが使っているスタイリングの種類に少し依存します。私はデフォルトで組み込み、ブートストラップ、ファンデーションなど。ボタンコンテナ '.dt-buttons {margin-left：50px; } '** https：//jsfiddle.net/2nwqa2jk/2/**または' dom： 'l <".margin" B> frtip'' ** https：//jsfiddle.net/2nwqa2jk/3/*のようなスタイル付きコンテナにボタンをラップします* – davidkonrad

私はそれがあまりにも長いですけど、まだこの問題に直面していくつかのいずれか場合は、次の手順を実行してください、それが代替であります回答。

追加 'PAGELENGTH' 内側のボタンを次のように：

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

出典

2017-10-26 18:33:14

答えて

関連する問題