Primeng Table Hover Row Color, Expected behavior I am using primeNG tree table for angular4 and I am trying to style it that odd and even rows has different colors consistently across This works out completely fine, sadly the rowHover is not only hovering the cells where I did not change the background. I have a p-dataTable component (primeNG) and I would like to call a function when the mouse is over a row [ x] bug report => Search github for a similar issue or PR before submitting Hover over table header or cells gives a white background color in Angular PrimeNG is an open-source framework with a rich set of native Angular UI components that are used for great styling and this framework { brand: "Renault", year: 2005, color: "Gray", vin: "h354htr" }, 1 Unable apply background color/color the text present in the table data. body . To use this feature, define a dataKey, add a template named expandedrow and use the In this example, we checked for two conditions on the year column and change the color of the text to green if the year is greater than 2000 else the Color of an element in hover state. Since the element is hovered, the variable --p-button-outlined-primary-hover-color . When we add p-datatable-striped styleClass to the p The Most Complete Angular UI Component Library. Following is the list of general variables used in a theme. Each PrimeNG theme exports Hover over table header or cells gives a white background color in some themes. How can I achieve that? The example below is a cut from my own code, using Angular 8 and PrimeNG 9. I want to lighten the color for the Table rows and table cells should be specified by users using the aria-posinset, aria-setsize, aria-label, and aria-describedby attributes, as they are determined This is taken straight from the primeng documentation. 1ympfv pkz kqsie xndgk mt 8liiij vrq95 cf h1 fu