BootStrapのタイトル設定が行間で無効になる問題の解決方法

この記事では主にBootStrapタイトルの無効なクロスライン設定の解決策を紹介しますので、困っている方は参考にしていただければ幸いです。

最近、BootStrapテーブルを使用してレポートインターフェイスを作成しています（レポート機能は必要ありません。プレビューだけで、データ量に応じて行が変更されずに配置されます。より良いフレームワークがあれば、それをお勧めします。）、およびタイトルに設定されたクロス行属性の rowspan が無効であることがわかりました。 HTML は次のとおりです。

<table class="table table-bordered">
 <thead>
  <th colspan="2" rowspan="2">功能分类</th>
  <th>第二列</th>
  <th>第三列</th>
  <th>第四列</th>
  <th>第五列</th>
 </thead>
 <tr>
  <td>第一列</td>
  <td>第二列</td>
  <td>第三列</td>
  <td>第四列</td>
  <td>第五列</td>
 </tr>
 <tr>
  <td>第一列</td>
  <td>第二列</td>
  <td>第三列</td>
  <td>第四列</td>
  <td>第五列</td>
 </tr>
</tabel>

効果は次のとおりです。

「機能分類」のセル属性は、colspan="2" rowspan= で設定されています。 "2" ですが、colspan=" 2" のみが機能しました。

解決策:

タグ内に行をまたぐ必要があるセルを入れないでください:

<table class="table table-bordered">
 <tr>
  <th colspan="2" rowspan="2">功能分类</th>
  <th>第二列</th>
  <th>第三列</th>
  <th>第四列</th>
  <th>第五列</th>
 </tr>
 <tr>
  <td>第一列</td>
  <td>第二列</td>
  <td>第三列</td>
  <td>第四列</td>
  <td>第五列</td>
 </tr>
 <tr>
  <td>第一列</td>
  <td>第二列</td>
  <td>第三列</td>
  <td>第四列</td>
  <td>第五列</td>
 </tr>
</tabel>

効果は次のとおりです:

:

bootstrapテーブル 総数量統計の実装方法

bootstrapページジネータープラグインの使い方

Bootstrapフォームバリデーション機能の詳細説明

以上がBootStrapのタイトル設定が行間で無効になる問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。