想知道是否有人能阐明如何在物质表中解耦行。我有一个有4列的表,但默认情况下它应该只显示2,所以每一行上都有一个标记为“more”的按钮,所以当您单击它时,它应该显示其他2列。它确实是那样工作的。但是,当您单击一个“多”按钮时,将显示所有行的信息,希望只显示按钮被击中的行中的4列。这里是stackblitz代码供参考,任何洞察力都是值得赞赏的!
https://stackblitz.com/edit/mat-table-responsive-udvaoq?file=README.md
尝试添加ngIf,但一旦单击所添加的按钮,所有行都会对其作出反应,只有1行应该对其作出反应,这意味着它们必须独立。
发布于 2022-11-03 07:45:29
实际上,列必须存在于所有行中--这就是表的工作方式。如果没有标记为“显示更多”,则可以隐藏单元格的内容。
首先,您不需要操作单个布尔值来显示/隐藏列,而是需要一个布尔数组--每一行一个。
然后,通过传递行的索引来控制这些操作。
下面是一个工作堆栈闪电战示例 --注意所有.html、.ts和.css文件中的更改。
https://stackoverflow.com/questions/74305310
复制相似问题