Javascript ngReactGrid:集合中的更改未触发UI更新

我正在创建一个网格，允许用户删除渲染行。我正在使用reactjs render方法创建remove按钮并连接我的click处理程序

render: function(article) {                    
                return React.DOM.a({
                    className: "glyphicon glyphicon-remove",
                    href: "javascript:",
                    onClick: (function(a, event) {
                        a.stopPropagation();
                        _.remove(gridData.articles, function (articlePredicate) {
                            return articlePredicate.id == article.id && articlePredicate.name == article.name && articlePredicate.sectorInstance.sectorNum == article.sectorInstance.sectorNum;
                        });
                    })
                });
            }

我在其他网格上做过几次，从未遇到过这个问题。当用户单击删除图标时，将运行单击处理程序代码，并从grids数据源中正确删除所选行。但是，UI中显示的数据从不更新以显示数据源中的更改。我还尝试重新初始化ngReactGrid，但没有成功。 我能够在Plnkr上重复这个问题

如有任何建议，将不胜感激

谢谢

更新josebalius在GitHub上为我提供了工作解决方案