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

时间:2011-08-22 20:25:22

标签: jquery jquery-ui gridview jquery-ui-tabs

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

当用户更改选项卡时,表格会正确显示,但是当页面首次在浏览器中打开并且代码运行以初始化jQuery-UI选项卡时,表格显示不正确。数据全部存在,但列宽太窄,以至于部分文本被遮挡。

出于某种原因,我在IE中看到了这种行为,但在Firefox中却看不到。

1 个答案:

答案 0 :(得分:1)

通过调试器广泛运行代码后,我找到了一个可行的解决方案:

jQuery-UI-tabs代码将许多样式应用于页面的不同部分。在这些应用程序中,将样式ui-widget应用于每个选项卡内容的div。如果我将此样式应用于我的标记中的div,那么我在IE 7中没有这个问题。