Make first column of p-table a different colour to the rest

Question

Does anyone know how to make the first column of a p-table a different colour to the rest? And then the other columns alternating colours? I can only seem to find a way of doing this with rows? Currently the style class is just this -

[styleClass]="'p-datatable-gridlines'"

which makes the rows alternating colours, not the columns.

have you tried using nth-of-child or nth-of-type? – dale landry Nov 30 '21 at 23:34 — dale landry, Nov 30 '21 at 23:34

score -2 · Answer 1 · edited Dec 01 '21 at 08:59

-2

<!DOCTYPE html>
<head>
<body>
 <meta charset-utf"8"> 
 <color>="blue"</color>





</body>


</head>
<color>"blue"</color>

edited Dec 01 '21 at 08:59

Dharman

30,962
25
85
135

answered Dec 01 '21 at 00:04

achref belhadj

1

2

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Dec 01 '21 at 01:41

Make first column of p-table a different colour to the rest

1 Answers1