Ширина столбца таблицы Javascript

У меня есть таблица заголовков и таблица данных, которые должны совпадать. В настоящее время я пытаюсь захватить первую строку каждой таблицы, получить эти ячейки, перебрать каждую ячейку, определить, какая ширина является самой длинной, и установить ширину другой ячейки на основе этого. Однако изменений нет вообще. Код ниже и работает на готовом документе. Помощь?

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

}