javascript - jQuery Bootgrid 替换 tr no-results before charge content ajax

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" />'
    }
});

在their documentation您可以检查可以覆盖哪些其他标签。在您的情况下，我没有替换为其他文本，而是替换为 img html 标记。

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