jQuery选项卡中的多个slickGrid

Question

我正在创建多个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>

Answer 1

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

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

希望这是有道理的.