Я пытаюсь показать всплывающую подсказку начальной загрузки в ячейке ag-grid при наведении курсора. Проблема в том, что он отображается частично, когда часть всплывающей подсказки находится за следующей ячейкой столбца. Я попытался установить z-index для всплывающей подсказки. Но все равно добиться успеха не удалось. Пожалуйста, помогите. введите здесь описание изображения

5
code chimp 1 Сен 2017 в 15:53

5 ответов

Лучший ответ

Вы можете использовать подсказки CSS, которые будут работать внутри ячеек agGrid. Пожалуйста, ознакомьтесь с этой подсказкой plnkr: в ячейке agGrid

[data-tooltip]:before {
  content: attr(data-tooltip);
  display: none;
  position: fixed;
  margin: 10px 10px 10px 10px;    
}
1
Andrew Myers 8 Июн 2018 в 02:04

Попробуйте использовать опцию tooltip-append-to-body="true" для всплывающей подсказки.

0
krystiangw 8 Сен 2017 в 13:35

Я смог решить эту проблему, добавив следующий CSS

[col-id=health].ag-column-hover: {
    overflow: visible
}
1
S. Baggy 8 Июн 2018 в 04:02

В документации по ngx-bootstrap:

Если у вас есть несколько стилей для родительского элемента, которые мешают всплывающей подсказке, вы захотите указать параметр container = "body", чтобы HTML-код всплывающей подсказки добавлялся к основному элементу. Это поможет избежать проблем рендеринга в более сложных компонентах (таких как наши группы ввода, группы кнопок и т. Д.) Или внутри элементов с переполнением: скрытый

Вы можете использовать атрибут container="body" для решения проблемы

2
kba04 28 Сен 2017 в 12:45

Для angular5 + с ng-bootstrap используйте container = "body"

0
surendra 15 Май 2019 в 09:25