在HTML表格中，我們可以使用tr標簽定義表格的行。有時候我們需要隱藏一些行，或者在需要的時候顯示出來，這種狀態的切換可以通過CSS和JavaScript實現。下面是兩個例子，分別是用CSS和JavaScript來控制表格行的隱藏和顯示。

//使用CSS來隱藏和顯示表格行
table{
border-collapse: collapse;
}
tr.hidden{
display: none;
}
<table><tr><th>標題1</th><th>標題2</th></tr><tr><td>內容1-1</td><td>內容1-2</td></tr><tr class="hidden"><td>隱藏的內容1-1</td><td>隱藏的內容1-2</td></tr></table>

在上面的例子中，我們使用CSS的display屬性來控制表格行的顯示和隱藏。通過給需要隱藏的表格行添加隱藏樣式類，將它們的display屬性設置為none即可。當需要顯示這些行時，只需要將它們的樣式類改為普通的表格行樣式類即可。

//使用JavaScript來隱藏和顯示表格行
<table><tr><th>標題1</th><th>標題2</th></tr><tr><td>內容1-1</td><td>內容1-2</td></tr><tr class="hidden"><td>隱藏的內容1-1</td><td>隱藏的內容1-2</td></tr></table><button onclick="show()">顯示隱藏的內容<script>function show(){
var trs = document.getElementsByTagName("tr");
for(var i=0;i

在上面的例子中，我們使用JavaScript來控制表格行的顯示和隱藏。通過給需要隱藏的表格行添加隱藏樣式類，我們可以通過JavaScript來獲取這些表格行，并將它們的display屬性設置為table-row實現顯示。當需要隱藏這些行時，只需要將它們的display屬性設置為none即可。