нужно установить заголовок динамически с контентом - PullRequest
Новая
       12

нужно установить заголовок динамически с контентом

0 голосов
/ 09 апреля 2019

Я использую ag-grid-Polymer и хочу обернуть содержимое в header.user может ввести любой текст, который должен соответствовать размеру столбца header. Теперь он идет как эллипсы. 

  .ag-theme-material .ag-header-cell-label .ag-header-cell-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word }

.ag-theme-material .ag-header-cell-label {
  display: flex;
  float: left;
  height: 100%;
  width: calc(100% -18px); }

пробовал с этим. Но это не сработало. Мысли о настройке с помощью функции. Любая помощь должна быть оценена.

1 Ответ

0 голосов
/ 09 апреля 2019

Пример: если пользователь вводит текст заголовка «Чемпионат футбольной команды», он выглядит как «Футбол Те .....», но мое требование заключается в том, что в заголовке должен быть полный текст.

Результат, который вы видите, вызван text-overflow.

Свойство text-overflow CSS устанавливает, как скрытое содержимое переполнения сигнализируется пользователям.Это может быть clipped, отображение ellipsis ('… ') или отображение пользовательской строки.

Удалить ниже из css для .ag-theme-material .ag-header-cell-label .ag-header-cell-text: 

 overflow: hidden;
 text-overflow: ellipsis;

Подробнее о text-overflow можно прочитать здесь.

РЕДАКТИРОВАТЬ : проблема не в тексте, вы получаете полный текст в привязках HTMLcss решает показать и добавить ... в зависимости от длины текста.

...