PrimeNG表格[rowHovered]在设置了单元格背景的单元格上不起作用

PrimeNG是一个开源的UI组件库，提供了丰富的UI组件和功能，用于构建现代化的Web应用程序。PrimeNG表格是其中的一个组件，用于展示和操作数据。

在PrimeNG表格中，[rowHovered]是一个指令，用于在鼠标悬停在表格行上时添加样式。然而，当在设置了单元格背景的单元格上使用[rowHovered]指令时，可能会出现不起作用的情况。

这个问题可能是由于CSS样式的优先级导致的。当单元格设置了背景色时，它的CSS样式可能会覆盖[rowHovered]指令的样式，导致悬停时无法显示指定的样式。

解决这个问题的方法是通过CSS样式来覆盖单元格的背景色。可以使用:host ::ng-deep选择器来指定[rowHovered]指令的样式，并使用!important关键字来提高样式的优先级。例如：

:host ::ng-deep .p-datatable .p-datatable-tbody .p-datatable-row:hover {
  background-color: #f0f0f0 !important;
}

上述代码中，.p-datatable .p-datatable-tbody .p-datatable-row:hover选择器用于指定悬停时的样式，!important关键字用于提高样式的优先级，确保它能够覆盖单元格的背景色。

推荐的腾讯云相关产品是腾讯云云服务器（CVM），它提供了可靠的云计算基础设施，适用于各种应用场景。您可以通过以下链接了解更多关于腾讯云云服务器的信息：腾讯云云服务器

希望以上信息能够帮助到您解决问题。如果还有其他疑问，请随时提问。