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
Post a Comment