cacher <th> et <td> tag

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> 

Comment puis-je cacher e Eng 1 et 2 Eng? J'essaye esprit visible = "faux" mais pas réussi.

Answer 1

MattMitchell est le plus souvent droit; vous voulez vraiment utiliser:

<th style="visibility: hidden;"> 

La différence entre display: none; et visibility: hidden; est que none prend l'élément hors du flux de documents et visibility juste le cache. Donc, en utilisant hidden, la possibilité que vous obteniez des effets de mise en page étranges est réduite.

Answer 2

Vous voulez utiliser

<th style="display: none;"> 

Sinon une classe:

.hide { display: none; } 

<th class="hide"> 

Vous voulez vous assurer que ce class ou style est à la fois la <th> et le correspondant <td>

Si vous souhaitez basculer la visibilité avec jQuery, vous pouvez appliquer une classe à la fois à <th> et <td> (par ex. "Engcol"), puis utiliser .toggle() comme ceci:

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