在我的数据表上下拉

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-index，则可以使用类＆＃39;下拉菜单右键对齐下拉菜单右下角的下拉列表。在＆＃39;下拉菜单＆＃39; DIV：

   <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>