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

Question

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

标签： angulargridsyncfusion

Answer 1

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

演示

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

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

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