Comment masquer les lignes d'un tableau HTML

Méthodes pour masquer les lignes du tableau : 1. Utilisez l'attribut caché dans la balise tr avec la syntaxe "

" ; 2. Utilisez l'attribut style dans la balise tr et ajoutez Style "display: none", syntaxe " ".

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Comment masquer les lignes d'un tableau en HTML

Méthode 1 : Utiliser l'attribut caché dans la balise tr

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr hidden="hidden">
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

Rendu :

Méthode 2 : Utilisez l'attribut style dans la balise tr et ajoutez le style "display: none;" 🎜>

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr style="display: none;">
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

Rendu :

Tutoriels recommandés :

Tutoriel vidéo HTML, Tutoriel vidéo CSS

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!