всплывающая подсказка была скрыта закрепленной колонкой

видения:

  • угловой: 2.4.9
  • аг-сетка-угловой: 16.0.0
  • начальная загрузка: 4.0.0-альфа.5
  • ngx-бутстрап: 1.6.6

Я использую ag-grid, чтобы заморозить первые два столбца таблицы, а затем перезаписать ширину всплывающей подсказки, которая длиннее, чем второй столбец. Тогда это выглядит так:

введите здесь описание изображения

правая часть всплывающей подсказки была закрыта столбцами.

я пытался установить

z-index: 99999 !import

но не работать. Кто-нибудь знает?


ngx-bootstrap ag-grid tooltip ag-grid-ng2
person Y. Ping    schedule 01.03.2018    source источник
comment
Вы можете воспроизвести это в планке?   -  person Paritosh    schedule 01.03.2018

Ответы (2)


arrow_upward
0
arrow_downward

Добавить всплывающую подсказку к телу.

<button type="button" class="btn btn-success"
            tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
            container="body">

Добавьте атрибут container="body" во всплывающую подсказку.

person Raghu Ram    schedule 03.03.2018

arrow_upward
0
arrow_downward

Если вы просто хотите изменить ширину с помощью пользовательского класса, вы можете переопределить стили, используя приведенный ниже код в своем файле CSS. я поменял твой плункер

https://plnkr.co/edit/hbrjgaKArGx34rVRzNOH?p=preview

Пример

.tooltip-inner {max-width: 205px;}
person koolhuman    schedule 05.03.2018
comment
@ Y.Ping - ты проверил мою ссылку на плункер? - person koolhuman; 07.03.2018
comment
Да, я уверен. Вы удалили /deep/, поэтому стиль по умолчанию тоже не может работать. - person Y. Ping; 07.03.2018