0

我的表结构如下：

<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;
}

在这里，我根据某些条件显示和隐藏列，例如，如果我只需要显示五列，那么我将使用 JQuery show() & hide() 方法隐藏剩余的列。

问题是，在这里我试图在该表上使用 CSS 将表居中

margin: 0 auto;

这里隐藏的列也采用了我使用 CSS 设置的 70px 宽度，因此我显示的列未与中心对齐。

注意：问题仅在 Firefox 中，其余浏览器都可以。

关于如何实现这一目标的任何帮助？

4

1 回答 1

0

在对您的问题进行了一些阅读之后，您可能只是使..

   .colhidden {
       width: 0px;
   }

然后在您使用 .hide() / .show() 的同一个 jQuery 调用中，使用 .removeClass 和 .addClass() 函数添加/删除类...所以 

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

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

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

于 2013-10-29T13:05:38.137 回答