primefaces / primevue

Next Generation Vue UI Component Library
https://primevue.org
MIT License
10.64k stars 1.24k forks source link

DataTable: Hover CSS rule not applied #6796

Closed Winter979 closed 8 hours ago

Winter979 commented 4 days ago

Describe the bug

The props row-hover and striped-rows on the Datatable clash due to css specificity. This causes the hover to never take affect on the stripped rows

image

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-bjuei4?file=src%2FApp.vue

PrimeVue version

4.2.2

Vue version

4.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

The hover color should be displayed on hover instead of the stripped color