jQuery +表格排序器 + IE7 +大桌子=地狱

发布于 2024-10-02 16:07:59 字数 270 浏览 2 评论 0原文

我广泛使用 jQuery 和 tablesorter 插件，但对于大小较大的表（900-1200 行），该插件只是让 Internet Explorer（尝试过 7 和 8）停止运行。

是的，我想分页（不能）；是的，我想告诉大家使用Chrome（不能），但我想知道是否有人有其他解决方案。也许是一个更快的表格排序插件，或者我可以尝试的东西。我真的不想做服务器端排序。

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

陪我终i 2024-10-09 16:07:59

客户端分页怎么样？速度影响可能来自 DOM 操作，而不是排序算法。因此，将数据存储在 JavaScript 数组中，仅显示前 20 项，并按数组而不是元素排序。

回复收藏 0 原文

删除→记忆 2024-10-09 16:07:59

我使用完全相同的工具遇到了完全相同的问题。您能做的最好的事情就是尝试使您的 HTML 尽可能干净。并且，始终记住在 tbody 元素之前添加 tfoot 元素。这将帮助 IE 更快地呈现表格：

<table>
    <thead>
        <tr>
            <th>headers here</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td>footers here</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>body here</td>
        </tr>
    </tbody>
</table>

即使您不需要页脚，也可以这样做。我唯一的其他建议是尝试一些 CSS 技巧来设置样式或隐藏表格，直到 javascript 加载完成。也许从动画加载 gif 开始，并在 JavaScript 完成后将其删除。

I've had exactly the same problem with exactly the same tools. The best you can do is try to make your HTML as clean as possible. And, always remember to add a tfoot element BEFORE the tbody element. This will help IE render the table faster:

<table>
    <thead>
        <tr>
            <th>headers here</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td>footers here</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>body here</td>
        </tr>
    </tbody>
</table>

Even if you don't need a footer, do it this way. The only other advice I have would be to try some CSS tricks to either style or hide the table until the javascript is done loading. Maybe start with an animated loading gif, and remove it when the javascript is done.

回复收藏 0 原文