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

Question

我必须在网格页眉中显示图像而不是标题文字。 这是我的网格列

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

只需使用表类和获取文本，然后用图片代替它取代它。 希望它可以帮助你。