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

그냥 테이블 클래스를 사용하여 텍스트를 취득하고 이미지로 교체 이미지로 교체 .. 이런 식으로 일을 시도. 호프가 도움이되기를 바랍니다.