I found two ways to solve this problem in IE8.
1) Adding extra td
element of width: 0px
to tr
‘s of thead and tbody.
2) Adding a hidden letter to content of after
pseudo selector.
tr:after{
content: ".";
visibility: hidden;
}
I added the above in conditional css. because the problem was only in IE8. (I haven’t tested in IE9+)
<!--[if IE 8]>
<style>
/* the above css code here */
</style>
<![endif]-->
I used the latter one because it is simple.