Fixed Columns are not working in IE9.

Narendar

Hi,

Here is my code that works well in Chrome, firefox, IE10... but it didn't work in IE9.. it is not providing row-spans for those fixed ones.
it was displaying like normal columns and remaining empty.

As i read in the documentation it supports all the IE versions above IE6 and there is no browser incompatibility. but it is not giving the expected output in IE9.

  var oTable = $('.table-fixed-col').dataTable({
            "sScrollX": "100%",
            "sDom": 'T<"clear">lfrtip',
            "bPaginate": false,
            "bInfo": false,
            });
            new FixedColumns(oTable, {
                "iLeftWidth": 200,
                "fnDrawCallback": function (left, right) {
                 var that = this, groupVal = null, matches = 0, heights = [], index = -1;
                 /* Get the heights of the cells and remove redundant ones */
                 $('tbody tr td', left.body).each(function (i) {
                    var currVal = this.innerHTML;
                    /* Reset values on new cell data. */
                    if (currVal != groupVal) {
                        groupVal = currVal;
                        index++;
                        heights[index] = 0;
                        matches = 0;
                    } else {
                        matches++;
                    }
                    heights[index] += $(this.parentNode).height();
                    if (currVal == groupVal && matches > 0) {
                        this.parentNode.parentNode.removeChild(this.parentNode);
                    }
                 });
                 /* Now set the height of the cells which remain, from the summed heights */
                 $('tbody tr td', left.body).each(function (i) {
                    that.fnSetRowHeight(this.parentNode, heights[i]);
                });
            }
        });

Thanks
Narendar