Отображение Div поверх сетки Kendo

Question

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

Я не использую всплывающее окно Kendo или контекстное меню, а просто использую ng-template с структурная директива logi c.

Что я ищу?

What i get?

This is my Kendo grid column:

 ... ОБРАЗЕЦ   Item2.1   Item2.2   Item2.3   Щелкните  ...  

Заранее спасибо!

Answer 1

Замените стиль ниже в вашем примере stackblitz , он будет работать нормально.

.context-dropdown-menu {
  margin: 0 -10.75rem;
  padding: 0px;
  width: 170px;
  z-index: 999999;
}

.context-dropdown-menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  background: #e4e4e4
 }

.context-dropdown-menu ul li {
  font-size: 13px;
  padding: 7px 10px;
  border-bottom: 1px solid #efefef;
  color: #617189;
  cursor: pointer;
}

.context-dropdown-menu ul li:hover {
  background: #f5f5f5;
 }