3

我正在使用 Datatables 1.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.!");
                                }
                });

问题是，当我运行搜索并且数据表呈现“正在处理...”文本时，“显示..搜索”和第一个下一个上一个和最后一个按钮也会显示。当数据表已处理或收到来自后端的响应时，有没有一种方法可以延迟显示。

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' 将其置于底部。

对于更复杂和其他小部件，请参阅参考参考：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 回答