Question

<table class="display" id="jquerytable">
  <thead>
    <tr>
      <th>Name</th>
      <th>BillingAddress</th>
      <th>DeliveryAddress</th>
      <th>Eng 1</th>
      <th>Eng 2</th>
    </tr>
  </thead>
  <tbody>
    <% foreach (var item in Model) { %>
    <tr>
      <td><%= Html.Encode(item.Name) %></td>
      <td><%= Html.Encode(item.BillingAddress) %></td>
      <td><%= Html.Encode(item.DeliveryAddress) %></td>
      <td><%= Html.Encode(item.Engineer1Id) %></td>
      <td><%= Html.Encode(item.Engineer2Id) %></td>
    </tr>
    <% } %>
  </tbody>
</table>

如何隐藏Eng 1和Eng 2？我尝试使用wit =“false”但不成功。

Answer 1

您想要使用

<th style="display: none;">

或者是一个班级：

.hide { display: none; }

<th class="hide">

您需要确保此class或style同时位于<th>和相应的<td>

如果您想使用jQuery切换可见性，可以将一个类应用于<th>和<td>（例如“engcol”），然后使用.toggle()，如下所示：

$('.engcol').toggle();

Answer 2

MattMitchell大多是对的;你真的想用：

<th style="visibility: hidden;">

display: none;和visibility: hidden;之间的区别在于none将元素从文档流中取出，visibility只隐藏它。因此，通过使用hidden，可以减少您获得奇怪布局效果的可能性。

隐藏和标记

2 个答案: