Keep the horizontal scroll of a responsive table on my footer

Navigation
0

I am using a responsive table that is in between a fixed navbar at the top of the screen, and another fixed to the bottom of it (my footer)

You can see it here (by visualization I have not done a fiddle).

If you shrink the width of the screen (to 900px for example) and then in the table go down, you can see the horizontal scroll at the end of the table.

I need that horizontal scroll is always visible, for that it would be optimal to always see it on my footer , regardless of whether I'm at the beginning, middle or end of the table.

I have tried what they say in this post, but it does not work for me because of the structure of my page.

Thank you.

EDIT : The footer I already have must remain there as it is, always visible at the bottom of the screen. Ideally, the horizontal scroll should do the same and always be on the footer.

    
asked by Roberto Sepúlveda Bravo 22.01.2017 в 14:21
source

1 answer

0

If I understood correctly, I think you can solve it by playing with the z-index property of css that determines which elements are on which others. 

table {position:relative;z-index:9999}

This line would put the table above the rest of the things. If you want the header to be on the table you should keep adding.

    
answered by 26.01.2017 в 23:08
RequestContext runs twice convert form ipn paypal php to laravel