AG-Grid：在多列之间共享相同的自定义编辑器

Question

我使用ag-grid实现了网格。我已为cell-editor的特定列创建了自定义bootstrap-select，如下所述：

self.selectCellEditor = function () { };
self.selectCellEditor.prototype = {
    init: function (params) {

      var options = '';
      for(var i = 0; i < params.values.length; i++) {
        options += '<li><a href="#" class="option">'+params.values[i]+'</a></li>';
      }

      this.inputSelect = document.createElement('div');
      this.inputSelect.className = "dropdown btn-group bootstrap-select";
      this.inputSelect.innerHTML = '<button class="btn dropdown-toggle bs-placeholder btn-default" type="button" data-toggle="dropdown"><span class="btn-text">'+params.value+'</span>' +
          '<span class="caret"></span></button>' +
          '<ul class="dropdown-menu inner">'+options+'</ul>';

      return this.inputSelect;
    },
    getValue: function () {
        return $($(this.inputSelect).find('a')[1]).text();
    },
    getGui: function () {
        return this.inputSelect;
    },
    destroy: function () {
        $(this.inputSelect).remove();
    }
}

我希望另一列使用相同的编辑器。但是当我更改一列的值时，它也会更改其他列的值。

以下是Plnkr Demo

在Demo中，我为Country和Year列实现了自定义单元格编辑器。

这有什么可行的解决方案吗？