javascript - 表格溢出时奇怪的 HTML 表格行高

Question

案例 1 溢出前: 正常且可接受。 http://jsfiddle.net/mg8869ou/1/

案例 2 溢出后: 仅向右侧添加单元格后出现问题。为整行和整行制作“不必要的”高度<table> . http://jsfiddle.net/w1dc380w/4/

我的所有表格都有多个单元格的冗长文本，有没有单一的解决方案？

Answer 1

你可以使用这个 jquery:

for (var i = 0, row; row = document.getElementsByTagName('table')[0].rows[i]; i++) {
    if (row.offsetHeight > 200) {
        document.getElementsByTagName('table')[0].style.width = "1500px";
        if (row.offsetHeight > 200) {
            document.getElementsByTagName('table')[0].style.width = "2000px";
            if (row.offsetHeight > 200) {
                document.getElementsByTagName('table')[0].style.width = "2500px";
            }
        }
    }
}