Comment résoudre le problème selon lequel le paramètre de titre BootStrap n'est pas valide sur toutes les lignes

Cet article présente principalement la solution au paramètre de ligne croisée invalide du titre BootStrap. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Récemment, j'utilise des tables BootStrap pour créer une interface de rapport (aucune fonction de rapport n'est requise, il suffit de prévisualiser et les lignes sont disposées sans changer en fonction de la quantité de données. Si vous avez un meilleur cadre, veuillez je le recommande.), et a constaté que la définition de la durée de ligne de l'attribut inter-lignes dans le titre n'est pas valide. Le html est le suivant :

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

L'effet est le suivant :

Vous pouvez voir l'effet dans l'image, "Classification des fonctions" Cet attribut de cellule est défini avec colspan="2" rowspan="2", mais seul colspan="2" a un effet.

Solution :

Ne placez pas les cellules qui doivent s'étendre sur des lignes dans la balise . Vous pouvez la définir comme suit :

.

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

L'effet est le suivant :

Recommandations associées :

Comment implémenter la quantité totale de la somme du tableau bootstrap statistiques

Comment utiliser le plug-in de pagination du paginateur bootstrap

Explication détaillée de la fonction de validation du formulaire Bootstrap

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!