时间戳

首页 > 解决方案 > 在我的数据表上进行下拉

datatables - 在我的数据表上进行下拉

问题描述

单击我的单个按钮后，下拉列表在我的数据表下！

在此处输入图像描述

我的代码：

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

标签： datatablesbootstrap-4

解决方案

如果您希望下拉菜单保持在您的模态中而不调整 z-index，您可以使用“下拉菜单”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>

推荐阅读