桌子坏了-jQuery答案

【问题标题】：table is breaking -jQuery桌子坏了-jQuery
【发布时间】：2009-11-23 16:40:18
【问题描述】：

我有一个表，现在加载时我隐藏了最后几行。现在点击一个跨度它将展开（最后几行）并折叠。我正在使用 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>

【问题讨论】：

发布一些好的，定义破坏。
如果您可以提供您一直在尝试使用的 HTML，它将提高获得特定答案的几率。
基于表格的布局是十年前的事了。 davespicks.com/essays/notables.html
基于表格的布局是旧的..但这是表格数据（可能我的倾斜有误）
@outis：我必须同意这里的问题作者。没有什么比表格数据更好的了。

标签： javascript jquery

【解决方案1】：

在问题中提供除了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()

【讨论】：

现在我刷新了页面 - 繁荣：表格 HTML。 :)
嗯，我想就是这样。谢谢你的链接:-)