В Vaadin 13, как я могу видеть эллипсы слева от ячейки сетки вместо правой?

Question

В Vaadin 13 у меня есть сетка, в которой 80% содержимого НЕ заполняет ячейку, поэтому Vaadin 13 интеллектуально усекает ячейку и добавляет эллипсы, чтобы указать, что поле урезано.

ОднакоЕсть ли способ, с помощью которого эллипс может появиться в левой части текста, чтобы пользователь всегда мог видеть часть ячейки «суффикс / окончание», а не начало поля ячейки?

(Если вам интересно, зачем нам это нужно: ячейка содержит информацию о «полном пути» для различных файлов, но в 90% случаев начальная часть пути к файлу всегда идентична, например, «C: /Windows / system32 / folder 1 / folder 2 "и т. Д. Но суффикс имеет тенденцию быть уникальным, поэтому мы бы предпочли показать суффикс.)

Answer 1

direction: rtl; должен решить проблему, как предложено здесь: Мне нужно переполнение для усечения слева, с эллипсами

Кажется, с моим примером все нормально работает:

Стили под shared-styles.html:

<dom-module id="my-grid-theme" theme-for="vaadin-grid">
    <template>
        <style>

            [part~="cell"].truncateLeft {
                background: rgb(245, 245, 255);
                direction: rtl;
            }

        </style>
    </template>
</dom-module>

Это определение столбца:

grid.addColumn(string->"Loooooooooooooooooooooooong test").setHeader("column 6").setWidth("45px").setClassNameGenerator(item->"truncateLeft");

И это конечный результат:

[