如何在不重叠的数据表中创建下拉列表？

Question

在数据表中添加下拉菜单时出现问题。我可以打开该下拉列表，但它将与分页和其他记录重叠。

您可以查看image here

<table class="table dataTable table-striped table-border" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th class="disabled-sorting">Actions</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <div class="testing">
          <a class="nav-link dropdown-toggle" id="notification" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        test
                                    </a>
          <div class="dropdown-menu" aria-labelledby="notification">
            <a class="dropdown-item" href="#">Action</a>
            <a class="dropdown-item" href="#">Another action</a>
          </div>
        </div>

      </td>
    </tr>
  </tbody>
</table>

如何修复下拉菜单？