Question

我使用jqGrid JS 5.3.0并将styleUI设置为Bootstrap。网格在没有引导标签的情况下显示正常，但是使用这个html（下面从getbootstrap.com复制了mygrid＆＃34; embedded＆＃34;）内容区域是空白的，没有网格。

<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
  </li>
</ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade" id="home" role="tabpanel" aria-labelledby="home-tab">

<div><table id="mygrid"></table><div id="mygrid_pager"></div></div>
  <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
  <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
</div>

如何让它在＆＃34;标签窗格内工作？＃34;？ TIA。（不能包含创建＆＃34; mygrid＆＃34;现在的javascript代码）

Answer 1

您需要从

更改代码

<div class="tab-pane fade" id="home" role="tabpanel" aria-labelledby="home-tab">
<div><table id="mygrid"></table>

到

<div class="tab-pane fade in" id="home" role="tabpanel" aria-labelledby="home-tab"> <table id="mygrid"></table></div>

将in类添加到#home会在加载时显示它（从<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>判断您希望它在加载时显示）将<table id="mygrid"></table>移动到div#home会在标签中显示您的网格。

引导标签内的jqGrid不会显示

1 个答案: