динамическая таблица html dom в Internet Explorer

Question

Привет, я сейчас практикую HTML DOM и написал эту функцию для создания динамической таблицы.

function initScheduleTable() {
    var days = new Array("MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN");
    var table = document.getElementById("schedule");
    var hourPerDay = 24;
    var row, cell;
    var i, j;

    // Time headers
    row = table.insertRow(-1);
    cell = row.insertCell(-1);

    for(i = 0; i < hourPerDay; ++i) {
        cell = row.insertCell(-1);
        if(i < 10)
            cell.innerHTML = "0" + i;
        else
            cell.innerHTML = i;
    }

    for(i = 0; i < days.length; ++i) {
        row = table.insertRow(-1);
        cell = document.createElement("th");
        cell.innerHTML = days[i];
        row.appendChild(cell);

        for(j = 0; j < hourPerDay; ++j) {
            cell = row.insertCell(-1);
            cell.innerHTML = "&nbsp;";
        }
    }
}

Это прекрасно работает для Chrome и Firefox, но не для IE9. В IE дни отображаются в самом правом столбце. Я проверил источник, используя инструмент разработчика IE, и он показывает, что <th> указан в конце списка <td>.

Есть ли на что обратить внимание IE в этом случае?

Answer 1

По какой-то нелепой причине IE считает, что TH-клетки должны находиться в конце ряда.Измените TH в каждой строке на TD и используйте CSS, чтобы текст был жирным, чтобы он выглядел как TH.