Как сделать, чтобы выпадающий список данных не перекрывался?

Question

У меня проблема при добавлении выпадающего меню в datatable.Я могу открыть раскрывающийся список, но он будет наложен на нумерацию страниц и другие записи.

Вы можете просмотреть изображение здесь

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

Как я могу исправить выпадающий список?