检查数据表是否有数据

Question

所以我有数据表让说名称表是reportpr，然后我在这些表上有 jquery（使用 ajax 和 json 重新加载） 这是我的代码：

var table = $('#reportpr');
        var target = table.attr('data-table');
        var tblDetail = table.attr('data-detail');
        var oTable = table.on( 'processing.dt', function ( e, settings, processing ){
            if (processing) {
                $(this).find('tbody').addClass('load1 csspinner');
            } else{
                $(this).find('tbody').removeClass('load1 csspinner');
            };
        }).DataTable({
            "bServerSide": true,
            "dom": 'Bfrtip',
            "buttons": [
                'excelHtml5'
            ],
            "scrollX": true,
            "scrollY":        "200px",
            "scrollCollapse": true,
            "iDisplayLength": 10,
            "ajax": {
                "url" : url+"datatable",
                "type": "POST",
                "data" :{
                           title: target
                        },
            }
        });

好吧，它显示我的数据，但我的问题是我如何检查这些表是否有数据或为空（无数据）。 我在这些选项上尝试了很多东西，比如$("reportpr").DataTable().rows().count(); 或$("reportpr").DataTable().page.info(); 但仍然无法正常工作，有人建议吗？？？我只需要检查我的表是否有数据。

编辑：

我编辑我的问题 我想再做一个偶数触发器，所以不要在数据表上显示 masaage，比如

if(datatable is empty)
{
 button it will enable
}
else
{
 button is will disabled
}

更新：我尝试将我的版本 DataTables 从版本 1.10.5 更新到 1.10.16，并尝试使用 $("reportpr").DataTable().data().any(); 或 $("reportpr").DataTable().rows().count();，仍然无法正常工作，当该表有数据时说我没有数据或为空数据。请仍然帮助这些事情。

Answer 1

您可以对此使用 any() 函数。

var table = $('#example').DataTable();

if ( ! table.data().any() ) {
    alert( 'Empty table' );
}

Answer 2

可能最简单的方法是计算行数 - 如果为空，则为 0：

table.rows().count()

Answer 3

您可以使用fnGetData来判断表是否有数据。

$(document).ready(function() {
  var table = $('#maintable').dataTable();

  // Get the table's data.
  var data = table.fnGetData();
  
  // Check the data array length.
  if(data.length==0){
    console.log("Table is empty");
  }else{
    console.log("Table has "+data.length+ " rows.")
  }
});

#tableWrapper{
  width:90%;
  margin: 0 auto;
}
table{
  margin: 0 auto;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/css/dataTables.jqueryui.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/js/jquery.dataTables.min.js"></script>

<div id="tableWrapper">
  <table id="maintable">
    <thead>
      <tr>
        <th>
          test1
        </th>
        <th>
          test2
        </th>
        <th>
          test3
        </th>
      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>
</div>

在这个CodePen 中是相同的示例，有 2 个数据行。

Answer 4

对于服务器端，最好的方法是使用 Datatable drawCallBack 功能如下：

$('#example').dataTable( {
        serverSide: true,            
        ajax: 'https://dog.ceo/api/breeds/list/all',
     columns: [
          {
            data: ""
          },
          {
            data: ""
          }
     ],

    "drawCallback": function( settings ) {

        var rows = this.fnGetData();

        if (rows.length === 0 ) {

        }else{

        }    
    }
} );