asp.net-mvc - 如果我在索引视图中放入表格的最后一列，为什么标签不起作用？

Question

我有一个奇怪的情况。在我看来，我使用的是完全相同的代码。如果我将标签放在表格的最后一列，它就不起作用。如果我把它放在第一列，它就可以工作并且可以点击。

请参阅附件。

<tbody>
 @foreach (var item in Model)
 {
      <tr>
           <td style='white-space: nowrap'>
                <a class="btn btn-primary btn-circle" asp-action="DetailsAppointmentStaff" asp-route-id="@item.AppointmentId"><i class="fas fa-info-circle"></i></a>
                <a class="btn btn-danger btn-circle" asp-action="DeleteAppointmentStaff" asp-route-id="@item.AppointmentId"><i class="fas fa-trash"></i> </a>
           </td>
           <td>
                @Html.DisplayFor(modelItem => item.AppointmentService.Type)
           </td>
           <td>
                @Html.DisplayFor(modelItem => item.AppointmentDate)
           </td>
           <td>
                @item.AppointmentTime.ToString("t")
           </td>
           <td>
                @Html.DisplayFor(modelItem => item.User.FirstName)
                @Html.DisplayFor(modelItem => item.User.LastName)
           </td>
           <td>
                @Html.DisplayFor(modelItem => item.User.Email)
           </td>
           <td>
                @Html.DisplayFor(modelItem => item.AppointmentCar.Make)
                @Html.DisplayFor(modelItem => item.AppointmentCar.Model)
           </td>
           <td>
                @Html.DisplayFor(modelItem => item.Status)
           </td>
           <td style='white-space: nowrap'>
                <a class="btn btn-primary btn-circle" asp-action="DetailsAppointmentStaff" asp-route-id="@item.AppointmentId"><i class="fas fa-info-circle"></i></a>
                <a class="btn btn-danger btn-circle" asp-action="DeleteAppointmentStaff" asp-route-id="@item.AppointmentId"><i class="fas fa-trash"></i> </a>
           </td>
      </tr>
 }
 </tbody>

我不知道问题是什么？

这个标签是可点击的

这个标签不可点击

标签： asp.net-mvc