table正在打破-jQuery

时间:2009-11-23 07:52:43

标签: javascript jquery

我有一个表,现在正在加载我隐藏了很少的最后一行。现在点击一个跨度它将扩展(最后几行)并崩溃。我正在使用Slidetoggle(),它在IE中工作正常,但问题是它在FF中破了,FF中的前几行是破坏的,以解决这个问题?有什么建议吗? 编辑:

$("tr").slice(index).slideToggle('slow')//this works fine in IE but in FF, the first few rows became right-aligned, thus breaking the table layout, this can be fixed using dispaly:""..something like 
$("tr").slice(index).css("dispaly","").. 

但我正在使用slidetoggle()。所以面对这个问题 编辑: HTML:

enter code here <div>
<table>
    <tr>
        <td>
            td1
        </td>
        <td>
            td11
        </td>
        <td>
           td111
        </td>
    </tr>
    <tr>
        <td>
            td2
        </td>
        <td>
            td22
        </td>
        <td>
             td222
        </td>
    </tr>
    <tr>
        <td>
            td3
        </td>
        <td>
            td33
        </td>
        <td>
            td333
        </td>
    </tr>
       <tr>
        <td>
            td3
        </td>
        <td>
            td33
        </td>
        <td>
            td333
        </td>
    </tr>
       <tr>
        <td>
            td3
        </td>
        <td>
            td33
        </td>
        <td>
            td333
        </td>
    </tr>
       <tr>
        <td>
            td3
        </td>
        <td>
            td33
        </td>
        <td>
            td333
        </td>
    </tr>
       <tr>
        <td>
            td3
        </td>
        <td>
            td33
        </td>
        <td>
            td333
        </td>
    </tr>
       <tr>
        <td>
            td3
        </td>
        <td>
            td33
        </td>
        <td>
            td333
        </td>
    </tr>   <tr>
        <td>
            td3
        </td>
        <td>
            td33
        </td>
        <td>
            td333
        </td>
    </tr>
</table>

1 个答案:

答案 0 :(得分:2)

除了问题中的javascript之外,提供表格HTML还会进一步澄清,但问题可能与Firefox colspan quirk有关。

因此,一个解决方法是使用DIV动态地包装每个TD的每个innerHTML,如下所示:
jQuery slideToggle doesn't work with colspan in Firefox?

你也可以尝试重新设置colspan:
td colspan does not work while using jquery show/hide()