элементы innerHTML в неправильном месте

Мое понимание innerHTML не совсем понятно, поэтому у меня возникли некоторые проблемы.

Это производит все мои тд за пределами таблицы. Что я делаю неправильно?

var list = document.getElementById("procTable");
list.innerHTML = "<table style='border:gray solid 1px;'><tr>";
for (var i = 0; i < result.d.ProcessDataColumnModel.length; i++) {
    list.innerHTML += "<td style='border:gray solid 1px' width='" + (result.d.ProcessDataColumnModel[i].Width) + "'>" + (result.d.ProcessDataColumnModel[i].Caption);
}

Ответы на вопрос(2)

Ваш ответ на вопрос