twitter bootstrap - Scroll, eventhough overflow-y is set to visible -


i have bootstrap table dropdown button.

i have set overflow-y on fixed-table-body visible don't scrollbar. (thanks crazymatt, bootstrap-table, overflow)

but still want overflow-x auto, because have many columns. otherwise site gets ugly on mobile devices - doesn't fit. need scrollbar in mobile mode.

when use:

.fixed-table-body {     overflow-x: visible;     overflow-y: visible;     height: 100%; } 

...the table fits in desktop , tablet (not mobile) - , dropdown button works well

but when use:

.fixed-table-body {     overflow-x: auto;     overflow-y: visible;     height: 100%; } 

...the table fits in desktop , tablet , mobile. dropdown doesn't works.

how can solve problem?

jsfiddle: https://jsfiddle.net/qr3ao2e3/2/

z-index can solve issue. try using below , see if works:

.fixed-table-body {   overflow-x: auto;   overflow-y: visible;   height: 100%; } .table{   position:relative;   z-index:1; } .dropdown-menu{   position:relative;   z-index:2; } 

use media queries apply on mobile device only.


Comments

Popular posts from this blog

c++ - llvm function pass ReplaceInstWithInst malloc -

Cross-Compiling Linux Kernel for Raspberry Pi - ${CCPREFIX}gcc -v does not work -

java.lang.NoClassDefFoundError When Creating New Android Project -