Проблема с переполнением текста в ячейке PrimeNG Turbo Table

При использовании таблицы Primeng и установке таблицы как прокручиваемой в таблице должна отображаться полоса прокрутки, а текст внутри ячеек не должен быть переполнен. Вместо этого этого не происходит.

Посмотрите этот пример в Stackblitz и изменить размер


person pantonis    schedule 19.09.2018    source источник
comment
полоса прокрутки будет отображаться, если вы установите scrollHeight для таблицы, например scrollHeight = 50px   -  person h_w    schedule 19.09.2018
comment
проверьте ссылку   -  person h_w    schedule 19.09.2018


Ответы (2)


Чтобы избежать переполнения текста в ячейке, вы можете добавить стиль css для td

td{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

update: чтобы в следующей строке отображался дополнительный текст.

td{
word-break:break-all
}

результат

person h_w    schedule 19.09.2018
comment
Я не хочу, чтобы отображалось многоточие. Мне нужно показать текст полностью - person pantonis; 19.09.2018
comment
вы можете использовать word-break: break-all, чтобы продолжить значение ячейки в новой строке, если это то, что вам нужно - person h_w; 19.09.2018
comment
Мне нужно вывести текст в той же строке. Текст не должен быть скрытым или переполненным. - person pantonis; 19.09.2018
comment
вы можете использовать p-таблицу с изменяемым размером - person h_w; 19.09.2018
comment
в этом режиме пользователь должен самостоятельно расширять столбцы. Это не выход. - person pantonis; 19.09.2018
comment
если вы изменили ширину каждой ячейки в зависимости от ее значения, я не думаю, что это возможно, потому что у нее не будет структуры сетки - person h_w; 19.09.2018

из документов PrimeNG ver 7

Расположение стола:. Если вам требуется масштабирование ячеек на основе их содержимого, установите для свойства autoLayout значение true. Обратите внимание, что таблицы с прокруткой и / или изменяемым размером не поддерживают автоматический макет по техническим причинам.

table doc

person yehonatan yehezkel    schedule 29.11.2018