Duplicate footer element visible

Duplicate footer element visible

dclar43dclar43 Posts: 47Questions: 13Answers: 2

Example here
First time I've used CodePen's new 'project' feature so let me kn ow if that doesn't work properly.

The example is a stripped down version of my actual implementation so there may be a few things(like the date search buttons) that don't work correctly.

The issue I'm having is that select elements, or specifically the button element, using bootstrap-select aren't hidden like other elements when the footer/header is duplicated. Seen here

This appears to be an specific to the bootstrap-select library since normal select elements work fine. In my full version everything seems to work correctly as far as searching goes so it's not the end of the world.

Any suggestions?

This question has an accepted answers - jump to answer


  • allanallan Posts: 62,448Questions: 1Answers: 10,251 Site admin
    Answer ✓

    I think its a z-index issue. Adding:

    table.dataTable.fixedHeader-floating {
        z-index: 10;

    to your CSS should resolve it.


This discussion has been closed.