HTML 表格：如何使所有行的高度相等？

Question

我正在用 HTML 生成一个表格。我有许多行，其计数保存在变量中{{ items|length }}

如何使除标题行之外的所有行都具有相同的高度？

我试过了：

<style>
     table.equalDivide th { width:100 / {{ items|length }} %; }
</style>

但这不起作用。

所有行都应具有最高行的高度（下图中的 12:00 - 14:00）。

Answer 1

这就像我能得到的一样简单 - 但它有效......

使用记事本或类似工具（推荐使用 Notepad++）编辑 HTML 文件，如下所示：（注意：语法至关重要 - 严格遵循它 - 特别是单引号或双引号）

1：给你的表一个唯一的ID：table id =“myTable”...

2：给你的body元素一个onload函数：body onload =“resizeTable（'myTable'）;” ...

3：在你的头部添加以下内容：

<script type="text/javascript">
function resizeTable(tableID)
{
var tbl=document.getElementById(tableID), biggestRow=0, rowHeight=0, row=0;
for (row=0; row < tbl.rows.length; row++) {     //find biggest row height
    rowHeight=parseInt(tbl.rows[row].offsetHeight);
    if (rowHeight > biggestRow) {biggestRow=rowHeight;}
}
for (row=0; row < tbl.rows.length; row++) {     //set all rows to biggest row height
    tbl.rows[row].style.height=biggestRow + "px";
}
}
</script>