javascript - jQuery Bootgrid在收费内容ajax之前替换tr no-results

Question

我创建了一个与 ajax 内容连接的 jQuery Bootgrid 表，在加载 ajax 内容时，它显示“未找到结果！”

<td colspan="4" class="no-results">No results found!</td>

如何更改该 td 内容，并在内容加载时放置图像？

Answer 1

Bootgrid 提供了一个labels选项，您可以使用它来覆盖某些文本。其中之一正是您想要的：

var grid = $("#grid-data").bootgrid({
    ajax: true,
    url: "/api/data/basic",
    labels: {
        noResults: '<img src="http://www.example.com/not-found.png" />'
    }
});

在他们的文档中，您可以检查您可以覆盖哪些其他标签。在您的情况下，我没有替换为其他文本，而是替换为imghtml 标记。

看看我创建的这个 JSFiddle 。尝试搜索会导致“未找到结果”的内容。