表格内Dropdown菜单展开后局限于表格并滚动，如何使其脱离表格？

我的表格操作列里的Dropdown菜单展开后被限制在表格内部，还出现了自动滚动条，怎么设置才能让菜单脱离表格显示？

我当前的代码： #

HTML

<td>
  <div class="dropdown">
    <button type="button" class="btn btn-sm dropdown-toggle hide-arrow py-0" data-bs-toggle="dropdown">
      <i data-feather="more-vertical"></i>
    </button>
    <div class="dropdown-menu dropdown-menu-end">
      <a class="dropdown-item" href="#">
        <i data-feather="edit-2" class="me-50"></i>
        <span>Stok Hareketleri</span>
      </a>
      <a data-idd="@item.StokID" class="dropdown-item btnSil" href="#">
        <i data-feather="x" class="me-50"></i>
        <span>Sil</span>
      </a>
    </div>
  </div>
</td>

CSS

position: absolute;
inset: 0px auto auto 0px;
margin: 0px;
transform: translate(-124px, 26px);
display:block;

出现这个问题的核心原因是：表格单元格（<td>）或其父容器通常会设置overflow: hidden/auto来控制内容溢出，而Bootstrap Dropdown默认相对于触发按钮的父元素定位，导致菜单被表格的布局限制裁剪。以下是几种可行的解决方法：

方法1：用Bootstrap内置属性将菜单挂载到body #

给Dropdown的外层容器.dropdown添加data-bs-container="body"属性，这样菜单会被渲染到<body>标签下，完全脱离表格的布局范围：

<td>
  <div class="dropdown" data-bs-container="body">
    <button type="button" class="btn btn-sm dropdown-toggle hide-arrow py-0" data-bs-toggle="dropdown">
      <i data-feather="more-vertical"></i>
    </button>
    <div class="dropdown-menu dropdown-menu-end">
      <a class="dropdown-item" href="#">
        <i data-feather="edit-2" class="me-50"></i>
        <span>库存操作</span>
      </a>
      <a data-idd="@item.StokID" class="dropdown-item btnSil" href="#">
        <i data-feather="x" class="me-50"></i>
        <span>删除</span>
      </a>
    </div>
  </div>
</td>

方法2：移除表格容器的overflow限制 #

检查表格所在的父容器或<td>元素的CSS，移除overflow: hidden/auto，改为overflow: visible：

/* 针对表格父容器 */
.table-wrapper {
  overflow: visible !important;
}

/* 或者直接针对表格单元格 */
td {
  overflow: visible !important;
}

方法3：调整菜单的定位层级 #

确保Dropdown菜单的层级足够高，避免被其他元素遮挡，同时可以强制菜单基于视口定位：

.dropdown-menu {
  z-index: 1050 !important; /* 高于Bootstrap默认的1000层级 */
  position: fixed !important; /* 可选，让菜单相对于视口定位 */
}

内容的提问来源于stack exchange，提问作者Ahmet Enes Söylemez