vaadin网格内联编辑器无法正常工作

Question

有人可以帮助我一点点心慌： 我试图只是简单地显示一个包含2列测试数据的vaadin网格，并对数据进行内联编辑。 但编辑器未在浏览器中正确显示

Grid grid = new Grid();
    grid.setCaption("Double click to edit");
    grid.setSizeFull();

    grid.setEditorEnabled(true);
    grid.setSelectionMode(SelectionMode.NONE);

    grid.addColumn("index", Integer.class).setRenderer(new NumberRenderer("%02d")).setHeaderCaption("##")
            .setExpandRatio(0).setEditable(false).setWidth(50);

    grid.addColumn("name", String.class).setExpandRatio(2);

    Slider progressEditor = new Slider();
    progressEditor.setWidth(100.0f, Unit.PERCENTAGE);
    progressEditor.setMax(150.0);
    progressEditor.setMin(1.0);
    grid.addColumn("progress", Double.class).setRenderer(new ProgressBarRenderer() {
        @Override
        public JsonValue encode(Double value) {
            if (value != null) {
                value = (value - 1) / 149.0;
            }
            return super.encode(value);
        }
    }).setEditorField(progressEditor).setExpandRatio(2);

这只是我在这里使用的vaadin演示页面中的示例代码。 但输出是这样的：

任何人都有同样的问题或类似的东西可以帮助我在这里？

问候 FLO