Below is a sample table layout that I am working with:
<table>
<thead>
<tr>
<th>t1</th>
<th>t2</th>
<th>t3</th>
<th>t4</th>
<th>t5</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">Colspan=5 here</td>
</tr>
</tbody>
</table>
Additionally, below is the CSS code being used:
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td {
border: 1px solid #000;
}
There seems to be an issue with the bottom border disappearing after the first th. Upon further investigation, it appears this issue is present in versions of IE such as IE10, 9, and 8. To provide more clarity, a jsFiddle has been created for demonstration purposes: http://jsfiddle.net/hulufei/3dxt2/9/
Is there a known workaround or fix for this particular bug in Internet Explorer?