jquery - 如何在 mvc3 中隐藏表格列并在悬停时显示？

Question

我必须从我的表格中隐藏一列并在悬停时再次显示它。这是表格的外观：

       ProjectName|Description|Status

当我将鼠标放在 ProjectName 上时，我必须隐藏描述表并在弹出窗口中显示它。描述列在开始时应处于隐藏模式。

这就是我的 Index.cshtml 页面的外观

             @{
           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

使用 jquery 隐藏列

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

请检查 StackOverflow 中的其他问题

在 HTML 表格中隐藏/显示列