首页 > 解决方案 > 在 Angular 7 鼠标悬停时填充表格列上的数据

问题描述

在我的应用程序中,表使用角度材料填充,列标题来自 db payload json,数据从 db 在此应用程序中填充,我要求当我将鼠标悬停在该列上时该列已经存在,然后应该看到另一个类似的列,它是在同一个表中添加另外两列。我有以下查询:1)是否可以实现此功能,如果不是我有一个想法只是添加另一列,但这是不必要的,我们不想要。有没有人有任何其他想法来实现同样的问题。2)如果这可能比如何实现它我可以有一些示例代码吗?

例子

表名 EMPLOYEE

id 名称 标记 1 标记 2 平均/总和 1 vish 10 20 15 /30

正如我们所看到的,我想显示这个总和,假设当我将鼠标悬停在第 5 列上并且整行都得到更新时,我也可以在下一次悬停时将其还原回假设默认情况下它是具有平均值的字段,然后当悬停时它将变为总和再次悬停在同一位置上,它将再次变为平均值

标签: angularmousehoverangular-material-table

解决方案


推荐阅读