HTML表格解决方案通过增加表格宽度对行或单元格的最大高度限制,Javascript

HTML表格解决方案通过增加表格宽度对行或单元格的最大高度限制,Javascript,javascript,Javascript,我正在开发一个非常简单的javascript解决方案,当在表中使用overflow-x:auto时,该解决方案非常有用,脚本通过增加表宽来降低行高,直到行缩小到所需的高度(我还发现了其他具有相同高度问题的问题) 现在,完成此脚本只剩下两件事: 以最佳方式获取并检查表格的每一行高度(没有这一点几乎毫无用处) 如果可能,代码简化 My Javascript(仅检查特定行): 请帮我做这个 我想可能有一个简单的代码我不知道,因为我是javascript的初学者,但你们可能知道这个简单的代码 编辑:最后

我正在开发一个非常简单的javascript解决方案,当在表中使用
overflow-x:auto
时,该解决方案非常有用,脚本通过增加表宽来降低行高,直到行缩小到所需的高度(我还发现了其他具有相同高度问题的问题)

现在,完成此脚本只剩下两件事:

  • 以最佳方式获取并检查表格的每一行高度(没有这一点几乎毫无用处)
  • 如果可能,代码简化
  • My Javascript(仅检查特定行):

    请帮我做这个

    我想可能有一个简单的代码我不知道,因为我是javascript的初学者,但你们可能知道这个简单的代码

    编辑:最后,如果要限制表行高度,这是工作代码:

    var i = 0, row, table = document.getElementsByTagName('table')[0], j = table.offsetWidth;
    while (row = table.rows[i++]) {
        while (row.offsetHeight > 160 && j < 4000) {
            j += 300;
            table.style.width = j + 'px';
        }
    }
    

    没有人回答这个问题,但我自己找到了解决办法:

    两者都将发挥作用:

    var i = 0,
        j, row, table = document.getElementsByTagName('table')[0];
    while (row = table.rows[i++]) {
        j = 1000;
        while (row.offsetHeight > 200 && j < 2500) {
            j += 500;
            table.style.width = j + 'px';
        }
    }
    

    没有人回答这个问题,但我自己找到了解决办法:

    两者都将发挥作用:

    var i = 0,
        j, row, table = document.getElementsByTagName('table')[0];
    while (row = table.rows[i++]) {
        j = 1000;
        while (row.offsetHeight > 200 && j < 2500) {
            j += 500;
            table.style.width = j + 'px';
        }
    }
    

    您也可以根据需要编辑数字您也可以根据需要编辑数字
    var i = 0,
        j, row, table = document.getElementsByTagName('table')[0];
    while (row = table.rows[i++]) {
        j = 1000;
        while (row.offsetHeight > 200 && j < 2500) {
            j += 500;
            table.style.width = j + 'px';
        }
    }
    
    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";
                }
            }
        }
    }