Javascript 如何在jquery datatable中的表为空或未找到匹配项时添加自定义警告消息

我有两个数据表共享相同的jquery dataTables js，因为我无法在JavaScript文件中更改它，是否有其他方法可以更改它

我想将默认错误消息自定义为我自己的错误消息

未找到匹配记录-我们尚未添加任何内容

---

表中没有可用数据-没有您选择的数据。

有关编辑默认数据表文本的信息，请参见此处。这里还有一个示例

请检查此选项，它将设置您的自定义消息

$(document).ready(function() {
    $('#data_table_id').DataTable( {
        "language": {
            "lengthMenu": "Display -- records per page",
            "zeroRecords": "No matching records found - We don't add anything yet No data available in table - no data of your choice.",
            "infoEmpty": "No records available"
        }
    } );
} );

---

您也可以在

initComplete

中执行此操作，如下所示。它在添加自定义类和设计方面更加灵活

"initComplete": function(settings, json) {

        $('.dataTables_empty').html("<span class='label label-danger'>No records found</span>");

    }

“initComplete”：函数（设置，json）{
$（'.dataTables_empty'）.html（“未找到任何记录”）；
}

我正在使用数据表1.10.12和以下代码：

"language": {
    "processing": '<div class="widget-loader" id="loader"><div class="load-dots"><span></span><span></span><span></span></div></div>',
    // show when no record found in a table...
    "emptyTable": '<h4 class="block text-center"><i class="fa fa-exclamation-triangle" style="color: #C49F47;"></i> {{ __("no_record_found") }}</h4>',
    // shown when no matching row found in filtering...
    "zeroRecords": '<h4 class="block text-center"><i class="fa fa-exclamation-triangle" style="color: #C49F47;"></i> {{ __("no_record_found") }}</h4>'
}

“语言”：{
“处理”：“”，
//在表中找不到记录时显示。。。
“emptyTable”：“{{{{（“找不到记录”）}”，
//在筛选中找不到匹配行时显示。。。
“zeroRecords”：“{{{{（“未找到任何记录”）}”
}

参考：