如何在标题中使用图像而不是MVC视图的网格中的标题文本

Question

我必须在Web Grid Header中显示图像而不是Header文本。 这是我的网格列

grid.Column("TotalEmail","TotalEmail",style: "regClass"),

这是css

.regClass {
 width:35px;
 :55px;
 background-image: url("../../images/Icon/emailicon.png");
 opacity:5;
 border:1px solid red;
 }

当它在数据字段中显示图像时，仍然没有在标题上显示图像。

Answer 1

我尝试这样做..首先搜索文本，然后用图像替换它

$(document).ready(function () {
    $(".webgrid-table th").each(function () {
        var text = $(this).text().trim();
        if (text == "TotalEmail") {
            $(this).html('<img src="/Images/circles.jpg"/>');
        }
    });
});

只需使用表类并获取文本，然后将其替换为Image。 希望它可以帮到你。