mvc3에서 테이블 열을 숨기고 호버에 표시하는 방법은 무엇입니까?

Question

테이블에서 열을 숨기고 마우스를 올리면 다시 표시해야합니다. 이것은 테이블 모양입니다 :

 ProjectName|Description|Status 

나는 ProjectName에서 마우스를 가져 가면 설명 테이블을 숨기고 팝업에 표시해야합니다. 설명 열은 시작시 숨기기 모드에 있어야합니다.

이 내 Index.cshtml 페이지 JQuery와를 사용하여

   @{ 
      ViewBag.Title = "Index"; 
      } 

     <h2>Index</h2> 

     <p> 
     @Html.ActionLink("Create New", "Create") 
     </p> 
     <table> 
      <tr> 
       <th> 
       projectName 
     </th> 
     <th> 
      Description 
     </th> 
     <th> 
      status 
     </th> 
     <th></th> 
    </tr> 

    @foreach (var item in Model) { 
     <tr> 
     <td> 
      @Html.DisplayFor(modelItem => item.projectName) 
     </td> 
     <td > 
      @Html.DisplayFor(modelItem => item.Description) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.status) 
     </td> 
     <td> 
     @Html.ActionLink("Edit", "Edit", new { id=item.ProjectId }) | 
     @Html.ActionLink("Details", "Details", new { id=item.ProjectId }) | 
     @Html.ActionLink("Delete", "Delete", new { id=item.ProjectId }) 
     </td> 
     </tr> 
     } 

</table> 

Answer 1

숨기기 열을 보는 방법입니다

$('td:nth-child(IndexNumber)').hide(); 

,

Hide/Show Column in an HTML Table

에 StackOverflow이 다른 질문을 확인하시기 바랍니다