jquery - Datatables に空のデータ メッセージを表示する方法

Question

サーバーから空のデータを時々取得するとします。DataTables にデータが見つかりませんというメッセージを表示したいとします。これはどのように可能ですか？

Answer 1

空のテーブルに表示されるメッセージをカスタマイズする場合は、次を使用します。

$('#example').dataTable( {
    "oLanguage": {
        "sEmptyTable":     "My Custom Message On Empty Table"
    }
} );

Datatable 1.10以降、次のことができます。

$('#example').DataTable( {
    "language": {
        "emptyTable":     "My Custom Message On Empty Table"
    }
} );

---

利用可能な完全なデータテーブルについては、テーブルのカスタムメッセージについて、次のリンク参照/オプション/言語を参照してください。

Answer 2

の以降のバージョンにdataTablesは、次のlanguage設定があります (ここから取得)。

• "infoEmpty"- テーブルにレコードがない場合に表示されます
• "zeroRecords"- フィルタリングに一致するレコードがない場合に表示されます

例えば

$('#example').DataTable( {
    "language": {
        "infoEmpty": "No records available - Got it?",
    }
});

注: プロパティ名には特殊文字が含まれていないため、引用符を削除できます。

$('#example').DataTable( {
    language: {
        infoEmpty: "No records available - Got it?",
    }
});

Answer 3

これはちょうどいいアイデアです。つまり、ボディにクラスを追加し、テーブルにデータがないときにテーブルを非表示/表示できます。これは私にとって完璧に機能します。テーブルにレコードがない場合、カスタムNO Record Found エラー メッセージを設計できます。クラス「no-record」を追加できます。また、1 つまたは複数のレコードがある場合、クラスを削除してデータテーブルを表示できます。

ここにjQueryコードがあります。

$('#default_table').DataTable({

    // your stuff here

    "fnFooterCallback": function (nRow, aaData, iStart, iEnd, aiDisplay) {
        if (aiDisplay.length > 0) {
            $('body').removeClass('no-record');
        }
        else {
            $('body').addClass('no-record');
        }
    }
});

ここにCSSがあります

.no-record #default_table{display:none;}

ここに公式リンクがあります。

Answer 4

デフォルトでは、グリッド ビューが処理を行い、空のデータ セットを渡すだけです。