1

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

但是,有没有什么方法可以让椭圆出现在文本的左侧,以便用户始终可以看到单元格的“后缀/结尾”部分而不是单元格字段的开头?

(如果您对我们为什么需要这个感到好奇:单元格包含各种文件的“完整路径”信息,但在 90% 的情况下,文件路径的开头部分总是相同的,例如“C:/ Windows/system32/folder 1/folder 2" 等。但后缀往往是唯一的,所以我们宁愿显示后缀。)

4

1 回答 1

3

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");

这是最终的结果:

[应用样式后的列[1]

于 2019-04-11T05:57:35.620 回答