Dynamic table colspan

I have worked for web project and I'm using jQuery for client side scripting issues. I have an ajax page and this page fully loading dynamically from inside of the javascript that is uses jquery.

When the document ready, i'm creating three smilar table like these;

Table A

Hea A | Hea A | Hea C | Hea D

开发者_运维百科Table B

Col A | Col A | Col C | Col D

Table C

Col A | Col B | Col C | Col D

After that, I'm clonning Table A then it's looking inside of the between Table A and B, if it found smilar columns it's updating Table A's columns "colspan" property. When the merging completed it's output looks like ;

Table A

Hea A [colspan=2] | Hea C | Hea D

Table B

Col A | Col A | Col C | Col D

Table C

Col A | Col B | Col C | Col D

It's working on almost all browser but IE 7.0 is not. Here is the another trick; I'm trying to run my example project, It's showing incorrect in IE 7.0 When i copy/paste output html to empty page manually, is working magically.

I stacked in that.

Any suggestion or help are welcome.

We found where is the problem. When browser IE 7.0 you should use this.colSpan = value instead of $(this).attr('colspan', value) for changing colspan values in the runtime.

Take a look here for detailed information