對齊HTML表格在Firefox

Question

到中心問題

我的表結構如下：

<table cellspacing=0 cellpadding=0 cols=17 border=0 id="table" width="1250" > 
<colgroup> 
    <col width=0> 
    <col width=45> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
    <col class="coldroup_3"> 
</colgroup> 
<tbody>  
    <tr> 
      ...... 
      ...... 

我爲班級coldroup_3 CSS是

.coldroup_3{ 
    width: 70px; 
} 

這裏根據一些條件來我顯示和隱藏列，例如，如果我只需要顯示5列，然後我隱藏剩餘的列使用jQuery show（）& hide（）方法。

問題是，在這裏我想集中在該表

margin: 0 auto; 

這裏牆根列也考慮我所使用的CSS設置的70像素寬度使用CSS的表，所以列這我顯示不與中心對齊。

注意：問題只出現在Firefox中，剩下的瀏覽器都沒問題。

如何實現這一目標的任何幫助？

Answer 1

對您的問題做了一些閱讀後，你很可能只是使..

.colhidden { 
     width: 0px; 
    } 

然後在你同jQuery的呼叫您所使用的.hide（）/ .show（），使用.removeClass和.addClass（）函數中添加/刪除類...所以

$('bla').removeClass('coldroup_3').addClass('colhidden'); 

http://api.jquery.com/removeClass/

http://api.jquery.com/addClass/