Css 全名在Vaadin的双列值中不可见

Css 全名在Vaadin的双列值中不可见,css,vaadin,Css,Vaadin,我是瓦丁的新手。我遇到了一个bug,在twin-column组件的值中全名不可见。我有很长的名字在双栏的左边。我尽可能地增加了组件的宽度。但仍有一些行不可见全名。 我试图添加一些css,即使这样也没用 .v-select-twincol-options .v-select-twincol-break-word{word-wrap: break-word;} 我试着用这个css行。这里有什么问题吗?或者任何解决这个问题的想法。请帮我做这件事 先谢谢你 private TwinColSelect

我是瓦丁的新手。我遇到了一个bug,在twin-column组件的值中全名不可见。我有很长的名字在双栏的左边。我尽可能地增加了组件的宽度。但仍有一些行不可见全名。 我试图添加一些css,即使这样也没用

.v-select-twincol-options .v-select-twincol-break-word{word-wrap: break-word;}
我试着用这个css行。这里有什么问题吗?或者任何解决这个问题的想法。请帮我做这件事

先谢谢你

private TwinColSelect createTemplateSelectTwinColumn()
    {
        TwinColSelect twinColSelect = new TwinColSelect("Related Templates");
        twinColSelect.setNullSelectionAllowed(true);
        twinColSelect.setMultiSelect(true);
        twinColSelect.setImmediate(true);
        twinColSelect.setSizeFull();

        Collection<File> templates = getTemplates();

        Collections.sort((List<File>) templates, new Comparator<File>()
        {
            @Override
            public int compare(final File f1, final File f2)
            {
                return f1.getName().compareTo(f2.getName());
            }
        });

        for (File file : templates)
        {
            twinColSelect.addItem(file.getNodeId());
            twinColSelect.setItemCaption(file.getNodeId(), file.getName());
        }

        return twinColSelect;
    }

private TwinColSelect createTemplateSelectTwinColumn()
{
TwinColSelect TwinColSelect=新TwinColSelect(“相关模板”);
twinColSelect.SetNullSelectionLowed(真);
twinColSelect.setMultiSelect(true);
twinColSelect.setImmediate(true);
twinColSelect.setSizeFull();
集合模板=getTemplates();
Collections.sort((列表)模板,新的Comparator()
{
@凌驾
公共整数比较(最终文件f1,最终文件f2)
{
返回f1.getName().compareTo(f2.getName());
}
});
用于(文件:模板)
{
twinColSelect.addItem(文件.getNodeId());
twinColSelect.setItemCaption(file.getNodeId(),file.getName());
}
返回twinColSelect;
}

方法,其中我在
FormLayout

Vaadin的TwinColSelect中创建twinColumn,最终在DOM中生成两个标准HTML选项列表控件;请参见此示例的DOM:

wordwrap
在选项列表项上


考虑从两个Vaadin表中创建“自己的”TwinColSelect。Vaadin表在CSS样式方面更加灵活。

Vaadin的TwinColSelect最终在DOM中生成两个标准HTML选项列表控件;请参见此示例的DOM:

wordwrap
在选项列表项上


考虑从两个Vaadin表中创建“自己的”TwinColSelect。Vaadin表在CSS样式方面更加灵活。

Vaadin是一个服务器端框架,但问题是客户端。因此,请显示重现问题的客户端代码,或者至少显示一个在线示例。@CBroe感谢您的快速回复。请参见编辑后的答案。我不明白你说的话。我希望编辑后的答案对你有帮助。无论如何,我只想在双栏中显示全名。即使是包装格式。thnxVaadin是一个服务器端框架,但问题是客户端。因此,请显示重现问题的客户端代码,或者至少显示一个在线示例。@CBroe感谢您的快速回复。请参见编辑后的答案。我不明白你说的话。我希望编辑后的答案对你有帮助。无论如何,我只想在双栏中显示全名。即使是包装格式。谢谢你的回答。我懂了。我意识到了。我将放弃这个
wordwrapp
,尝试其他方式。谢谢你的回答。我懂了。我意识到了。我将放弃这个
wordwrapp
,尝试其他方式。