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中查看其他问题

Hide/Show Column in an HTML Table

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

1 个答案: