如何在 Syncfusion Angular Grid 中扩展单元格？

Question

我在我的项目中使用了 Syncfusion GirdComponent，而不是使用命令列，我想要一个列，每行只有一个切换按钮，当我单击按钮时，单元格会水平展开并出现其他按钮 - 和我只希望该单元格不会扩展整个列-并且第二次单击该单元格会返回到它的第一个状态。我尝试向 td 元素（切换按钮的父级）添加另一个 css 类，在该类中我给出了更高的宽度，但它没有改变。 有什么办法可以做到吗？

Answer 1

您可以使用 Grid 组件的 detailTemplate 功能在每一行上显示切换按钮，该按钮将水平扩展该行。

Demo

并且默认情况下，网格不会在单元格级别展开，但可以根据要求展开单元格。请参考下面的树形网格演示，

演示：https://ej2.syncfusion.com/angular/demos/#/material/treegrid/columntemplate

如果您需要任何进一步的帮助，请与我们联系并提供更多详细信息。