3

Datatables1.9バージョンを使用しています

var oTable = $('#example').dataTable( {
        "oLanguage": {"sSearch": "Search all columns:",
                      "sLengthMenu": "Display <select><option value='100'>100</option><option value='200'>200</option></select> records per page"
                     },
        "sPaginationType": "full_numbers",
        "bAutoWidth": false,
        "iDisplayStart": 0,
        "iDisplayLength": 2000,
        "bFilter": true,
        "bInfo": true,
        "bSort": true,
        "sScrollX": "100%",
        "sScrollY": "500px",
        "bScrollCollapse": true,
        "bPaginate": true,
        "bSortClasses": true,
        "bLengthChange": true,
        "bProcessing": true,
        "bDestroy": true,
        "bServerSide": true,
        "bDeferRender": true,
        "fnServerParams": function ( aoData ) {
                aoData.push( { "name": "form_data", "value": data } );
        },
        "sAjaxSource": "search.py",
        "fnServerData": function ( sSource, aoData, fnCallback ) {
                $.ajax( {
                                "dataType": 'json',
                                "type": "POST",
                                "url": sSource,
                                "data": aoData,
                                "success": function (json)
                                {
                                        fnCallback(json);
                                        $('html, body').animate({scrollTop:$(document).height()}, 'slow');
                                        document.getElementById("bottom").focus();
                                },
                                "error": function (xhr, error, thrown) {
                                        alert("An Error Occurred.!");
                                }
                });

問題は、検索を実行すると、datatablesが「Processing ...」テキストをレンダリングし、「Show .. Search」と、最初の次の前と最後のボタンも表示されることです。datatabalesがバックエンドからの応答を処理または受信したときに、表示を延期する方法はありますか。

4

3 に答える 3

3

"bPaginate": false,コンストラクターパラメーターに渡す構成オブジェクトに含める必要があります。

ここに見られるように。データテーブルなので

于 2018-03-21T10:21:05.877 に答える
2

私はあなたの質問を完全に理解していませんでした。これらのコントロールを非表示にしたい場合は、これを試してみてください。

Datatablesには、フィルタリングとページ付けのコントロールが付属しています。これらは、いくつかの方法で表示および非表示にできます(すべての例はcoffeescriptで):方法1

$("#myTable").dataTable
"bPaginate": false, #hide pagination control
"bFilter": false #hide filter control

方法2:「sDom」プロップを使用する

$("#myTable").dataTable
"aaData": data
"sDom": 'ft'

ここで、「f」はフィルターを意味し、「t」はテーブルを意味するため、それらのみを表示します。順序が重要です。「ft」はフィルターを上に配置し、「tf」はフィルターを下に配置します。

より複雑なウィジェットやその他のウィジェットについては、Ref Ref:http ://datatables.net/usage/options#sDomを参照してください。

私はこのリンクから答えを得ました:https ://gist.github.com/1568446

于 2013-01-09T08:48:27.030 に答える
0

//Hide DataTables Length
<style>.dataTables_length {
  display: none;
}

</style> //Hide Pagination
<style>.pagination {
  display: none;
}

</style> //Hide DataTables Info
<style>.dataTables_info {
  display: none;
}

</style>

これは機能しますが、私はこれをお勧めしません

于 2019-06-06T07:50:10.830 に答える