popover не работает в пользовательском интерфейсе gridCellTemplate

Question

popover не работает в пользовательском интерфейсе gridCellTemplate

0

Я добавил popover в headerCellTemplate, но он, похоже, работает.

headerCellTemplate: '<div popover="Info" popover-title="Title" popover-trigger="mouseenter" popover-placement="top" popover-append-to-header="true" style="padding-top: 5px;line-height: 1.2;vertical-align: baseline;">' + Address + '</div>'

В приведенном выше коде только адрес отображается в сетке, но появляется popover dosen. Даже стиль работает нормально. Только popover не работает. Я попытался использовать popover-append-to-body = "true" вместо popover-append-to-header = "true". но все равно не повезло.

apps 28 июль 2016, в 04:53

Источник

Теги:

angularjs

angular-ui-grid

1 ответ

Ещё вопросы

G Dan · Answer 1 · 2016-08-03T19-39-00.000Z

Причина, по которой popover не появляется, заключается в том, что ui-сетка по умолчанию не позволяет элементы стиля переполнения. Если вы хотите, чтобы popover отображался выше самой сетки, это может быть сложно, но выполнимо, изменив два класса ui-grid css.

.ui-grid-top-panel {
  overflow: visible;
}
.ui-grid-header-viewport {
  overflow: visible;
}

Эти атрибуты переполнения первоначально "скрыты", поэтому меняйте их на "видимые".

Я говорю, что это может быть сложно, потому что вы можете столкнуться с другими проблемами стиля, делая это. Например, если ваши заголовки шире ширины сетки.