показать поповер над всеми элементами jquery datatables

Question

Я работаю над таблицами данных jquery. Проблема, с которой я сталкиваюсь, заключается в том, что всплывающее окно начальной загрузки скрывается под элементом div. Мне нужно показать всплывающее окно над всеми элементами, когда я нажимаю кнопку действия.Прикрепленное изображение имеет все вычисленные код + скриншот.Я уже пытался добавить z-index к какому-то другому значению, но, тем не менее, он не работает. Пожалуйста, посмотрите, что происходит неправильно, спасибо.

Вот вычисленный CSS (также прикреплен вснимок экрана)

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 0;

Изображение:

Answer 1

Используйте следующий код:

$('your element').tooltip({ container: 'body' })

Answer 2

Согласно ответу @Devesh N, попробуйте вместо этого использовать идентификатор вашей таблицы:

$('.dropdown-menu').tooltip({ container: '#tableId' });

Answer 3

Попробуйте проверить свойство "overflow" тега вокруг этой таблицы.Если оно имеет значение «скрытый», это может быть вашей проблемой.