CSS Position obendrein

Question

Ich habe ein fab-menu, dass ich es auf der Datentabelle Buttons siehe Screenshot (relative Position) sein wollen:

CSS:

.fab-menu { 
    position: relative; 
    display: inline-block; 
    white-space: nowrap; 
    padding: 0; 
    margin: 0; 
    list-style: none; 
    z-index: 999; 
} 

Ich habe versucht, absolute Position, die funktionierte, aber die fab-menu Tasten sind verlegt. Siehe Screenshot (absolute Position):

CSS von Datentabelle Spiralwindung:

.datatable-scroll-wrap { 
    width: 100%; 
    min-height: .01%; 
    overflow-x: auto; 
} 

PS: wenn ich overflow-x: auto; entfernen die Tasten am oberen Rand angezeigt wird, aber der Tisch Bildlaufleiste wird nicht angezeigt up, wenn ich die Größe der Seite

Answer 1

unter

.datatable-scroll-wrap { 
    width: 100%; 
    min-height: .01%; 
    overflow-x: auto; 
} 

füge folgendes hinzu:

@media (max-width: 767px) { 
    .datatable-scroll-wrap .dropdown-menu { 
     position: absolute!important; 
    } 
} 
@media (min-width: 768px) { 
    .datatable-scroll-wrap { 
     overflow: visible; 
    } 
}