将HTML添加到表格单元格 - IE的问题

Question

我正在尝试构建一个表。以下是我正在使用的一小段代码。

this._head = $({tag: 'thead', style: {align: 'center'}, html: "<th>" + this._eachCol(function(c) { return c.title; }).join('</th><th>') + "</th>"});
this._table = $({tag: 'table', parent: this._el, style: {clear:'both', align: 'center'}, className: 'data_table', children: [this._head], attrs: {cellSpacing: 0, cellPadding: 0}});
this._body = $({tag: 'tbody', parent: this._table});

除了IE之外，所有浏览器都能很好地工作。表头行的样式元素完全丢失。实际上，头中的条目甚至与列不对齐。函数eachCol返回列标题列表。 this._body填写在后面的代码中。

它应该看起来像：

F12开发者工具根本没有在DOM中显示以下条目。 Chrome开发工具向我显示（应添加的HTML）：

<table cellspacing="0" cellpadding="0" style="clear: both; " class="data_table">
<thead>
     <tr><th>Date</th><th>Time</th><th>Credits Earned</th><th>How Earned</th><th>Distance</th><th>Credits Spent</th></tr>
</thead>
<tbody>
    <tr class="row_even"><td>20 Jan, 2012</td><td>1:51AM</td><td>680</td><td>Spin</td><td>0</td><td>1175</td></tr>
</tbody>
</table>

注意：我首先分配或设置表头，因为IE在设置或重置表中已有元素的html时遇到问题。