@Route(value = "grid-pro-custom-editor")
public class GridProCustomEditorPage extends Div {
	public GridProCustomEditorPage() {
        List<Browser> bowsers = new ArrayList<>();

        for (int i = 0; i < 10; i++) {
        	bowsers.add(new Browser("Chrome"));
        }

        GridPro<Browser> grid = new GridPro<>();
        grid.setEditOnClick(true);
        grid.setItems(bowsers);

        ComboBox<String> comboBox = new ComboBox<>();
        comboBox.setItems("Chrome", "Edge", "Firefox", "Safari");
        
        grid.addEditColumn(Browser::getName)
                .custom(comboBox, Browser::setName)
                .setHeader("Name");

        grid.addItemPropertyChangedListener(e -> {
            add(new Div("Item browser changed : " + e.getItem().getName()));
        });

        add(grid);
    }
    
    public static class Browser {
        private String name;

        public Browser(String name) {
            this.name = name;
        }

        public String getName() {
            return name;
        }

        public void setName(String name) {
            this.name = name;
        }

    }
}