使用javascript或CSS擴展表格行

Question

我正在創建一個webapp asp.net和C＃，它將顯示錶中的用戶列表，但其中一個字段包含大量信息，並且會使行更大。所以我想我想創建一個鏈接，然後當我點擊這個鏈接時，信息將會擴展，然後當我再次點擊鏈接時，信息將被收回。像+/-擴展標誌一樣。

我知道這是可能的使用JavaScript和CSS。請指教。

非常感謝。

Answer 1

Krakat，

嘗試使用這樣的：

<script type="text/javascript"> 

var rowVisible = true; 

function toggleDisplay(tbl) { 
    var tblRows = tbl.rows; 
    for (i = 0; i < tblRows.length; i++) { 
     if (tblRows[i].className != "headerRow") { 
     tblRows[i].style.display = (rowVisible) ? "none" : ""; 
     } 
    } 
    rowVisible = !rowVisible; 
} 

</script> 

地方臺TR類爲 「headerRow」 對鏈接的點擊後展開。