сделать выпадение над моей базой данных

Question

после нажатия на мою единственную кнопку, раскрывающийся список находится под моими таблицами данных!

мой код:

<div class="dropdown">
         <button type="button" class="btn btn-icon" aria-label="btnGroup" data-toggle="dropdown" > 
             <i class="icon icon-dots-vertical"></i>                                                              
         </button>

         <div class="dropdown-menu" aria-labelledby="btnGroup">
                <a class="dropdown-item" href="#">Modifier Contrat</a>
                <a class="dropdown-item" href="#">Supprimer Contrat</a>
         </div>

</div> 

Answer 1

Если вы хотите, чтобы раскрывающийся список оставался в пределах вашего модального режима без настройки z-индекса, вы можете выровнять раскрывающийся список по правому краю вашей кнопки, используя класс dropdown-menu-right в div 'dropdown-menu':

   <div class="dropdown">
     <button type="button" class="btn btn-icon" aria-label="btnGroup" data-toggle="dropdown" > 
         <i class="icon icon-dots-vertical"></i>                                                              
     </button>

     <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroup">
            <a class="dropdown-item" href="#">Modifier Contrat</a>
            <a class="dropdown-item" href="#">Supprimer Contrat</a>
     </div>