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>

How can I hide th Eng 1 and Eng 2? I try wit visible = “false” but not successful.

Answer 1

MattMitchell is mostly right; you really want to use:

<th style="visibility: hidden;">

The difference between display: none; and visibility: hidden; is that none takes the element out of the document flow and visibility just hides it. So by using hidden, the possibility that you get weird layout effects is reduced.