jQuery选项卡中的多个slickGrid

我正在创建多个slickGrids并将它们放在jQuery选项卡中.
第一个jQuery选项卡上的第一个slickGrid工作正常,但是当我切换到下一个选项卡时
在您调整标题大小并且列未与标题对齐之前,slickGrid上的数据列不会显示.有什么办法可以解决这个问题吗？
这是我的代码exerp：

<ul class="tabs">
     <li><a href="#tab_1">FADF Mono</a></li>
     <li><a href="#tab_2">BADF Mono</a></li>
     <li><a href="#tab_3">BADF Color</a></li>
</ul>
<div class="tab_container">
       <div id="tab_1" class="tab_content">
          <div id="slickGrid_1"></div>
       </div>
       <div id="tab_2" class="tab_content">
          <div id="slickGrid_2"></div>
       </div>
       <div id="tab_3" class="tab_content">
          <div id="slickGrid_3"></div>
       </div>
</div>

解决方法

好的.好吧,我会尝试分解正在发生的事情以及为什么它不起作用.基本上可能发生的是你在初始化你的slickgrid之前设置你的标签.这一点很重要,因为您的第二个和第三个选项卡基本上处于隐藏状态,因此您的slickgrids不会初始化.

尝试更改顺序,看看是否有效.如果没有,那么我建议将slickfgrid初始化器放入document.ready,将tab初始化器放入document.load.这有点hacky,但产生了良好的结果.

希望这是有道理的.

原文地址：https://www.jb51.cc/jquery/177563.html