So lösen Sie das Problem, dass die BootStrap-Titeleinstellung zeilenübergreifend ungültig ist

In diesem Artikel wird hauptsächlich die Lösung für die ungültige Cross-Line-Einstellung des BootStrap-Titels vorgestellt. Ich hoffe, dass er allen helfen kann.

Seit kurzem verwende ich BootStrap-Tabellen, um eine Berichtsschnittstelle zu erstellen (keine Berichtsfunktion erforderlich, nur Vorschau und Zeilen werden ohne Änderung entsprechend der Datenmenge angeordnet. Wenn Sie ein besseres Framework haben, wenden Sie sich bitte an empfehlen es.) und festgestellt, dass das Festlegen des zeilenübergreifenden Attributs rowspan im Titel ungültig ist. Der HTML-Code lautet wie folgt:

<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>

Der Effekt ist wie folgt:

Sie können den Effekt sehen im Bild „Funktionsklassifizierung“ Dieses Zellattribut wird mit colspan="2" rowspan="2" festgelegt, aber nur colspan="2" hat eine Auswirkung.

Lösung:

Fügen Sie keine Zellen ein, die sich über mehrere Zeilen erstrecken müssen. Sie können es wie folgt festlegen:

<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>

Der Effekt ist wie folgt:

Verwandte Empfehlungen:

So implementieren Sie die Gesamtmenge der Bootstrap-Tabelle Statistiken

So verwenden Sie das Bootstrap-Paginator-Paging-Plug-in

Detaillierte Erläuterung der Bootstrap-Formularvalidierungsfunktion

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass die BootStrap-Titeleinstellung zeilenübergreifend ungültig ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!