Блог

Главная - Вопросы по программированию - Как мне сделать так, чтобы выпадающий список в datatable не накладывался?

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

#jquery #datatables

#jquery #таблицы данных

Вопрос:

У меня возникла проблема, когда я добавляю выпадающее меню в 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>

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

Комментарии:

1. Что именно вы ожидаете в качестве «исправления»? Он должен открываться вверх для строк внизу? Он должен быть непрозрачным, чтобы вы не могли видеть базовые части таблицы? В любом случае, это зависит от вашей реализации выпадающего списка, и вы, к сожалению, не поделились соответствующим кодом, чтобы отследить проблему.

2. Не могли бы вы попробовать использовать свойство CSS z-index

Метки: ,