首页 > 解决方案 > jqgrid autowidth 设置为 true 不会在引导选项卡内将网格扩展到全宽

问题描述

我正在继续这个话题。基本上,我使用 jqGrid JS 5.3.0 并将 styleUI 设置为 Bootstrap。网格位于引导选项卡的“.tab-pane”内(https://getbootstrap.com/docs/4.0/components/navs/)。问题是网格在大约 1/3 的整个选项卡/屏幕宽度处缩小到选项卡窗格的左侧。我没有设置shrinkToFit,但是autowidth:true。有办法治愈吗?谢谢。

标签: jqgrid

解决方案


很高兴知道使用了 3 或 4 哪个 Bootstrap,因为 Guriddo jqGrid 支持两种不同的样式表。

autowidth 选项适用于宽度已知的元素。该选项卡最初的宽度 = 0,这可能会导致此问题。

您可以尝试以足够的延迟将 jqGrid 代码包含在 setTimeout 函数中(由于打开选项卡时的引导效果)。

如果问题没有解决,请发布您的代码(jsfiddle.net 或其他地方)进行修改并推荐解决方案。


推荐阅读