IE8 - Scrolling causes columns to resize

fearednerd

I am having an issue for IE8 where when you scroll that the columns resize. I had this issue before and it I fixed it somehow but, the issue came back up and I am not sure exactly what is causing this error or what extra is causing the issue. This only seems to be happening in IE8.

Before Scrolling picture - http://i.imgur.com/RaO0GX2.png
After Scrolling picture - http://i.imgur.com/vrc09k2.png

You can obviously see the difference after you scroll for a while.

initialisation option - http://live.datatables.net/ekabuf/edit#javascript,html

EDIT: I feel that when scroller loads/fetches new rows, that is when the column widths resize

fearednerd

I found this forum post which gave me my solution: http://datatables.net/forums/discussion/4304/strange-bug-columns-resize-on-click/p1

It was the border-collapse: collapse. I just commented it all out from several CSS files and it worked out.
Leaving this here in case anyone else has this issue.