0

テーブルから列を非表示にし、ホバー時に再度表示する必要があります。これはテーブルがどのように見えるかです：

       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>
4

1 に答える 1

0

jquery を使用して列を非表示にする

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

StackOverflow でこの他の質問を確認してください

HTML テーブルの列を非表示/表示

于 2012-07-10T07:56:15.367 に答える