0

何らかの理由で、私のサイトで jQuery データ テーブルの列ヘッダーが行と一致しません。

以下に例を示します: ここに画像の説明を入力 私のテーブルの一部 (上記のものを含む) は Bootstrap タブ内にあることに注意してください。タブにないときは問題なく表示されるため、これが原因だと思います。

ブートストラップは他のタブのデータを「表示されていない」と見なすことを知っているので、それに関連していると思います。

簡単なcssまたはjsの修正はありますか? 前もって感謝します。

編集、ここにいくつかのコードがあります：

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="<?php echo $tab_1; ?>"><a href="#activeusers"  class="tab-nonwhitetext" aria-controls="activeusers" role="tab" data-toggle="tab">Active Users</a></li>
    <li role="presentation" class="<?php echo $tab_2; ?>"><a href="#inactiveusers"  class="tab-nonwhitetext" aria-controls="inactiveusers" role="tab" data-toggle="tab">Inactive Users</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
    <div role="tabpanel" class="tab-pane <?php echo $tab_1; ?>" id="activeusers">
        <?php echo $table1; ?>
    </div>
    <div role="tabpanel" class="tab-pane <?php echo $tab_2; ?>" id="inactiveusers">
        <?php echo $table2; ?>
    </div>
</div>

<table "border="0" cellpadding="3" cellspacing="20" class="display dataTable new-table-styling dynamic-table" id="table" width="100%">
    <thead>
        <tr>
            <th>First Name</th><th>Last Name</th><th>Job Title/Education</th><th>Room/Phone(s)</th><th>Email/Supervisor</th><th>Employee Type</th><th>Image</th><th>Actions</th>
        </tr>
    </thead>
    <tbody>
        <tr>
        </tr>
    </tbody>
</table>
4

1 に答える 1