Я пытаюсь построить стол.Ниже приведен небольшой фрагмент кода, который я использую.
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 Dev Tools показывает мне (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-элементовуже внутри стола.