Question

I have a report that has some headers on the top of the table(columns) but also some headers on the left of the table (rows). Those headers are variable, never fixed. The whole entire table is built through DOM Scripting based on an Ajax response that returns me the top headers, the left headers, and the qty at a particular intersection.

I already have an algorithm that knows how populate the cells in that table based on the column header and the row header.

In Firefox, Chrome, and Safari the following works:

document.getElementById("myTable").rows[row].cells[column].firstChild.nodeValue = item.qty.toString();

The problem is in IE7 (what the client uses). IE 7 does not let me access a particular cell by using the [index] notation.Basically, its blowing up at “.cells[column]” . Do you guys know the equivalent of the statement above in IE7?

Also do you know of a jQuery way to fill a known cell once I have the row and the column coordinates?

Thanks,
-Dario

Answer 1

jQuery("#myTable tbody tr:eq(" + row + ") td:eq(" + column + ")").html("foo");

• jQuery selector #id
• jQuery selector element
• jQuery selector eq()
• jQuery html()