“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.

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.


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: https://blog.oio.de/JylMQ
This entry was posted in Java Web Frameworks and tagged , , , , . Bookmark the permalink.