在Vaadin 13中，如何使椭圆显示在网格单元的左侧而不是右侧？

在Vaadin 13中，我有一个网格，其中80%的内容没有填充到单元格中，因此Vaadin 13智能地截断单元格并添加省略号以指示字段被截断

但是，是否有任何方式可以将椭圆显示在文本的左侧，以便用户始终可以看到单元格的“后缀/结束”部分，而不是单元格字段的开头

---

（如果您想知道我们为什么需要它：单元格包含各种文件的“完整路径”信息，但在90%的情况下，文件路径的开头部分总是相同的，例如“C:/Windows/system32/folder 1/folder 2”等。但是后缀往往是唯一的，因此我们更愿意显示后缀。）

方向：rtl应解决此问题，如下所示：

我的例子似乎很好：

共享样式.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>


[部分=“单元格”]。truncateLeft{
背景：rgb（245245255）；
方向：rtl；
}

这是一个列定义：

grid.addColumn（string->“looooong测试”）.setHeader（“第6列”）.setWidth（“45px”）.setClassNameGenerator（项->truncateLeft”）

这是最终的结果：

[
方向：rtl；
应解决此问题，如下所示：

我的例子似乎很好：

共享样式.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>


[部分=“单元格”]。truncateLeft{
背景：rgb（245245255）；
方向：rtl；
}

这是一个列定义：

grid.addColumn（string->“looooong test”）.setHeader（“第6列”）.setWidth（“45px”）.setClassNameGenerator（item->“truncateLeft”）；

这是最终的结果：

[