Border top removed in Firefox

[siccovansas]

The top border of the header of the table is removed when I use floatHead on a Bootstrap table with the table-bordered class. This happens in Firefox but not in Chrome. You can see the problem in this floatHead example, but I also reproduced it using this jsfiddle.

The table element has a border-top-width of 1px and border-bottom-width of 0px when you remove $(".table").floatThead(); from the jsfiddle, but when you add floatHead it flips those values.

I think it is related to the suggestion to add

table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}

I removed the border-top and border-bottom lines and the table looks fine again. I'm not sure if it messes anything else up though.

[mkoryak]

Yes, the suggestion is to set the border top and bottom to none. I dont remember why I did that. You can do whatever you need to do to make it look right. The plugin does not require any css to work properly.

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.