如何解决分组列中点击其他单元格也能折叠子项的问题？

收藏

请下载附件查看gif动态和源码。

源码运行需要安装node，vueCli3。

运行步骤，先 npm i
再 npm run serve

问题描述：应该只有点击折叠器按钮才有折叠效果。但是现在点击同一行的其他单元格的特定位置也有折叠效果。

以上描述中的【特定位置】指其他单元格类比同一行第一个单元格折叠器按钮位置。

下面这个链接是分组列demo链接。
https://demo.grapecity.com.cn/SpreadJS/TutorialSample/#/demos/outlineColumn
我点击过其他单元格类比同一行第一个单元格折叠器按钮位置，没有问题。
但是我上传的源码中是用vue的方式渲染的，我猜有可能是渲染方式不一样吧。

请问，这个问题怎么处理？