So verbergen Sie HTML-Tabellenzeilen

Methoden zum Ausblenden von Tabellenzeilen: 1. Verwenden Sie das versteckte Attribut im tr-Tag mit der Syntax „

“ 2. Verwenden Sie das style-Attribut im tr-Tag und fügen Sie das „display :none“-Stil, Syntax „ “.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

So verbergen Sie Tabellenzeilen in HTML

Methode 1: Verwenden Sie das versteckte Attribut im tr-Tag

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

Nach dem Login kopieren

Rendering:

Methode 2: Verwenden Sie das style-Attribut im tr Tag, füge „display: none;“ hinzu. Stil

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

Nach dem Login kopieren

Rendering:

Empfohlene Tutorials: HTML-Video-Tutorial, CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verbergen Sie HTML-Tabellenzeilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!