如何在標題中使用圖像而不是標題在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"/>'); 
     } 
    }); 
}); 

只需使用表類和獲取文本，然後用圖片代替它取代它。 希望它可以幫助你。