如何修复jQuery选项卡调整表列宽以隐藏内容？

我创建了一个网页，使用jQuery UI选项卡一次显示数据部分。每个选项卡对应一年。对于每个选项卡，都有一个ASP.net GridView，其中包含当年的信息

当用户更改选项卡时，表会正确显示，但当页面第一次在浏览器中打开并运行代码初始化jQuery UI选项卡时，表显示不正确。数据都在那里，但列宽太窄，部分文本被遮挡

---

出于某种原因，我在IE中看到了这种行为，但在Firefox中没有看到。

在通过调试器大量运行代码后，我找到了一个有效的解决方案：

---

jQueryUITabs代码将许多样式应用于页面的不同部分。在这些应用程序中，有一个将样式

ui小部件

应用于每个选项卡内容的div。如果我将这种风格应用于我的标记中的div，那么我在IE 7中就没有这个问题。

请注意，将代码放在jsfiddle.net页面中可能会使其他类似的调试案例变得更容易（事实上，我经常发现这也使我更容易调试自己的代码）.我也有同样的问题-你的答案就是问题@杰克·菲塞尔，我很高兴在这里写这篇文章对你有所帮助。