javascript - 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;
        }
    }

}