使用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”，以便在单击链接时展开。