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

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

看this JSFiddle我创建的。尝试搜索会导致“no results found”的内容。