DataTable中是否有停止顯示“表中無可用數據”的設置？

Question

最初我的表沒有數據，我得到“表中沒有可用數據”，這是預期的功能。

我不希望創建任何文本或行，因為我將根據用戶操作通過 Ajax 填充表格。

是否有設置停止在表格中顯示該行？ 我似乎找不到一個。 此代碼有效，但第一行顯示“表中無可用數據”。 這是 jQuery 代碼：

$.ajax({
    type: 'GET',
    url: '/Home/postInformationofConferenceTitle',
    dataType: "JSON",
    success: function (data) {

        $.post("/Home/selectRooms", { xtitle: data.xglobalTitle }, function (data) {

            var ndx = 0;
            $.each(data.xroom_name, function (key, value) {

                var Xroom_name = data.xroom_name[ndx];
                var Xroom_plan = data.xroom_plan[ndx];

                var column =
                  ('<tr>' +
                    '<td>' +
                    '<div class="img-container">' +
                    '<img src="../../assets/img/room-plan/' + Xroom_plan + '" alt="..." id="imgsrc">' +
                    '</div>' +
                    '</td>' +
                    '<td id="imgname">' + Xroom_name + '</td>' +
                    '<td class="text-right">' +
                    '<a href="#" class="btn btn-simple btn-warning btn-icon edit" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>' +
                    '<a href="#" class="btn btn-simple btn-danger btn-icon remove" ><i class="fa fa-times"></i></a>' +
                    '</td>' +
                    '</tr>');

                document.getElementById('colmn').innerHTML = document.getElementById('colmn').innerHTML + column;

                ndx++;

            });

        });

    }
})

Answer 1

我猜您可能正在查看數據表的語言設置。

language : {
        "zeroRecords": " "             
    },

（注意“”之間的空格。（這是一個黑客，但現在發現它很有用。）

 $(document).ready(function () { var serverData = [ ] var table = $('#example').DataTable({ language : { "zeroRecords": " " }, data: serverData, columns: [ { data: "name" }, { data: "age" }, { data: "isActive" }, { data: "friends" }, ], 'columnDefs': [{ 'targets': 2, 'render': function (data, type, full, meta) { let checked = '' if (data) { return '<input type="checkbox" checked / >'; } else { return '<input type="checkbox" / >'; } return data; } }, { 'targets': 3, "render": function (data, type, full, meta) { var selectInitial = "<select>"; var selectClosing = "</select>"; var options = ''; $.each(data, function (key, value) { options = options+"<option value="+value.id+">"+value.name+"</option>"; }); return selectInitial+options+selectClosing; } } ], }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src='https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js'></script><link rel='stylesheet prefetch' href='https://cdn.datatables.net/1.10.9/css/jquery.dataTables.css'> <table id="example" class="display" width="100%" cellspacing="0"> <thead> <tr> <th>name</th> <th>age</th> <th>isActive</th> <th>friends</th> </tr> </thead> </table>

Answer 2

它對我有用。

var someTableDT = $("#some-table").on("draw.dt", function () {
    $(this).find(".dataTables_empty").parents('tbody').empty();
}).DataTable(/*init object*/);

Answer 3

以下為我工作：

$(document).ready(function () {
        $("#TABLE_ID").DataTable();      
        $(".dataTables_empty").empty();
    });

Answer 4

接下來 CSS 幫我完全隱藏了那個塊（不僅是刪除文本）：

.dataTables_empty
{
    display:none;
}