I'm trying to make a sticky <thead> over a multi-<tbody> HTML <table>.
Problem is that, with reference to this jsfiddle, I'm unable to show any cell border on the <thead> with position: fixed property.
I'm using Bootstrap's class table-bordered that should be cloned in the temporary table, but this is not working. I even tried setting the property specifically for the #clonedTable th, but it is not working as well.
The only thing happening is that if for example I set a border: 10px solid red, the cloned <thead> has a 10px transparent margin (which I suppose is a not correctly rendered margin).
I'm working over a Firefox 53.0.3, but I tested also over a Chrome 58.0.3029.110 with the same result.
Is there any way that I'm missing to show these borders??