在Kendo Angular中对列进行分组后调整网格列宽的大小

Question

在我的应用程序中，我正在使用Kendo Angular Grid。 每当用户按任何列分组时，我都会从Grid隐藏该列。 但是在分组和列隐藏之后，仍然占据了一些不必要的宽度。

请参考以下屏幕截图。

我想产生如下输出。您可以清楚地看到网格中没有未使用的空间。

我在做什么不同？

一旦用户按该列进行分组，我将通过kendo网格的[hidden]属性隐藏该列。

是否有示例代码可用？

是的，我已经复制了Telerik的Grid分组功能的官方样本的相同问题。我刚刚在默认代码中添加了隐藏列逻辑。 https://angular-zwjhh4-j695rp.stackblitz.io 打开上面的链接，然后尝试按照下图中的分组。