When a XTemplate is used to generate a list of tr elements to be attached to a tbody the result in IE is only a single row. The first tr element from the list is missing and any element beyond the 2nd in the list are not included.

Steps to reproduce the problem:

Just take a look at the fiddle provided. It clearly shows the issue when run in IE.

The problem stems from the ieTable function in Ext.dom.Helper. Find my override in the next section. Here is the original code:

Code:

ieTable: function(depth, openingTags, htmlContent, closingTags){
detachedDiv.innerHTML = [openingTags, htmlContent, closingTags].join('');
var i = -1,
el = detachedDiv,
ns;
while (++i < depth) {
el = el.firstChild;
}
// If the result is multiple siblings, then encapsulate them into one fragment.
ns = el.nextSibling;
if (ns) {
// !!! The reference to the first child is lost here when el is over-written. !!!
el = document.createDocumentFragment();
while (ns) {
// !!! After you append ns to the el then it no longer has the nextSibling it did prior to the append. !!!
el.appendChild(ns);
ns = ns.nextSibling;
}
}
return el;
},