Comment définir HTML Tableau Colspan et HTML Tableau rowspan
Colspan et rowspan
Une table est divisée en rangées et chaque rangée est divisée en cellules. Dans certains cas, nous avons besoin des cellules de tableau s'étendent sur (ou fusionnés) plus d'une colonne ou une ligne. Dans ces situations, nous pouvons utiliser colspan ou rowspan.
L'attribut colspan définit le nombre de colonnes d'une cellule devrait portée (ou fusionner) horizontalement. Autrement dit, vous voulez fusionner deux ou plusieurs cellules dans une ligne dans une seule cellule.
Le code ci-dessus va fusionner deux cellules comme une cellule horizontale.
L'image ci-dessus montre deux tables. Le premier tableau HTML comprend 2 rangées et 2 colonnes dans chaque rangée. Le deuxième tableau HTML comporte 2 lignes et une colonne dans la première rangée et de la colonne 2 dans la deuxième rangée. Dans la deuxième table, nous fusionnons deux premières cellules en utilisant l'attribut Colspan horizontalement. Vous pouvez voir le deuxième code de tableau HTML ci-dessous.
Comment colspan?
Le code source HTML:
Colspan (colonne Span) cellules fusionnées horizontalement qui est de gauche à droite. La valeur par défaut de Colspan est 1.
L'attribut rowspan spécifie le nombre de lignes d'une cellule doit couvrir verticalement. C'est. vous souhaitez fusionner deux ou plusieurs cellules dans la même colonne que une seule cellule à la verticale.
Le code ci-dessus va fusionner deux cellules comme une cellule à la verticale.
L'image ci-dessus montre deux tables. Première table a 2 rangées et chaque lignes a 2 colonnes. La deuxième table comporte 2 lignes de la première colonne et une rangée ony dans la deuxième colonne. Ce que nous utilisons est l'attribut rowspan verticalement dans la deuxième colonne. Vous pouvez voir le deuxième code de tableau HTML ci-dessous.