javascript - 使用 javascript 或 CSS 扩展表格行

Question

我正在创建一个 webapp asp.net 和 C#，它将在表格中显示用户列表，但其中一个字段包含大量信息，这会使行变大。所以我想我想创建一个链接，然后当我点击这个链接时信息会展开，然后当我再次点击链接时信息会缩回。就像一个 +/- 展开符号。

我知道可以使用 javascript 和 CSS。请指教。

非常感谢。

Answer 1

克拉卡特

尝试使用这个:

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