“border-collapse:collapse;” vs. Google Chrome


table {
border-collapse: collapse;
}

The “border-collapse” CSS property can be used to collapse the borders of tables/cells into a single border.
http://www.w3schools.com/css/pr_tab_border-collapse.asp

Unfortunately, Google’s Web Browser Chrome has problems with this property in huge table with many DOM elements,
meaning that rendering is very slow and scrolling in the table takes several seconds.

This is already a know issue, but is still not fixed in Chrome v7.

http://code.google.com/p/chromium/issues/detail?id=34736

Here is a example with shows this problem. When changing the property to “separate” (with developer tools) the script runs much faster.

Short URL for this post: http://wp.me/p4nxik-f6
This entry was posted in Java Web Frameworks and tagged , , , , . Bookmark the permalink.