Для того, чтобы изменить поведение текста в таблице фреймворка Vaadin достаточно изменять параметры в файлах css.
В частности мне понадобилось, чтобы в ячейках таблицы происходил перенос по словам - всем известный word-wrap.
В общем меняем в файле класс styles.css
.v-table-cell-wrapper {
/* Do not specify any margins, paddings or borders here */
white-space: normal;
overflow: hidden;
}
Напомню, что тема по-умолчанию называется "reindeer", то есть именно в ней нужно менять styles.css
В результате получим что-то подобное:
В частности мне понадобилось, чтобы в ячейках таблицы происходил перенос по словам - всем известный word-wrap.
В общем меняем в файле класс styles.css
.v-table-cell-wrapper {
/* Do not specify any margins, paddings or borders here */
white-space: normal;
overflow: hidden;
}
Напомню, что тема по-умолчанию называется "reindeer", то есть именно в ней нужно менять styles.css
В результате получим что-то подобное:
Хочу предупредить, если у вас большая таблица, более 500-800 строк, то работа таблицы может быть не корректна, подгрузка строк может быть нестабильной, при выделении одной из строк, может пропадать содержимое таблицы, она как бы скачет вверх.
ОтветитьУдалитьПриходится прокручивать таблицу еще раз вниз, чтобы прогрузились строчки и это не гарантирует, что при очередном выделении не произойдет того же самого.
При этом если не использовать перенос строк, то таблица и в 2-3 тысячи строк работает стабильно.
Как это исправить, я не знаю, если у кого-то будут идеи, поделитесь, а я пока погуглю... :)
Единственное что я нашел и проверил на своей таблице только что - вот:
ОтветитьУдалитьв коде к таблице применяем
table.setPageLength(0);
а в css или в scss, ну кто как использует, я проверял в Vaadin 7:
.v-table-cell-content{
vertical-align: top;
}
При этом работа кажется более менее не прыгающей. Буду дальше тестировать, если не отпишусь, значит все хорошо