ansaurus

Question

MSIE8 compatibility mode not rendering dynamically created table

Answer 1

+2 A:

Try adding a tbody element

Instead of

  var row = document.createElement('tr');
  table.appendChild(row);

do

  var tbody = document.createElement('tbody');
  var row = document.createElement('tr');
  tbody.appendChild(row);
  table.appendChild(tbody);

Alohci 2010-03-09 09:06:05

+1 Thanks, yes, that makes it render the table, but has some interesting effects on how it is rendered... Not sure why yet, will see what I can find.

KristoferA - Huagati.com 2010-03-09 10:26:35

Answer 2

+1 A:

Microsoft has a page that may illuminate what's going on.

http://msdn.microsoft.com/en-us/library/ms532998(VS.85).aspx#TOM_Create

For dynamically building tables they advocate the "Table Object Model", which uses methods like insertRow() and insertCell() to do the job you're doing with the DOM methodscreateElement() and appendChild(). It's also OK if you use the DOM methods, but "Internet Explorer requires that you create a tBody element and insert it into the table when using the DOM. Since you are manipulating the document tree directly, Internet Explorer does not create the tBody, which is automatically implied when using HTML."

The table object model works in the couple of browsers I tested it in (Chrome and Firefox on the Mac), so it may not be a bad idea to familiarize yourself with it. Or if you want to stick with the DOM methods, add the tBody element, because IE requires it.

If you add the following code to the end of your AddTable() method you'll see how the two compare (mainly, the second table will have a tBody in it). And it will render in IE8.

 // now the Table Object Model way
  table = document.createElement('table');
  row = table.insertRow(-1) ;
  cell = row.insertCell(-1) ;
  cell.innerHTML='def';
  divContainer.appendChild(table);

Hope this helps.

brainjam 2010-03-24 05:28:29

KristoferA - Huagati.com 2010-03-24 07:27:46

ansaurus

tags:

views:

answers:

MSIE8 compatibility mode not rendering dynamically created table

related questions