Javascript表列宽

Question

我有一个标题表和一个需要匹配的数据表。目前，我试图获取每个表的第一行，获取这些单元格，在每个单元格上循环，确定哪个宽度最长，并根据该宽度设置另一个单元格的宽度。但是，根本没有变化。代码如下，并在文档就绪时运行。帮助

function setHeaderLengths(){
    var headers = document.getElementById("headersTbl").rows[0].cells;
    var data = document.getElementById("dataTbl").rows[0].cells;
    for (var i = 0; i < data.length; i++){
        if(data[i].offsetWidth > headers[i].offsetWidth){
            headers[i].style.width = data[i].offsetWidth;
        }
        else{
            data[i].style.width = headers[i].offsetWidth;
        }
    }

}