Document rowStyleMap usage in DataTable

[TheParad0X]

Hi,

I am struggling with the rowStyleMap of the datatable. I would like to change the color of a row depending on its content. How can I do this ? I could not find any good example, and the documentation is a bit dire.

Cheers,
Tim

[Aarkon]

I found the source code to be quite instructive: https://github.com/primefaces/primeng/blob/master/src/app/components/datatable/datatable.ts#L2602

Let's look at an example. In Angular, you define the StyleMap variable (e.g. named 'rowStyleMap') in the component like so (it's name is arbitrary though):

rowStyleMap = {'black': 'strong'};

In the html containing the datatable, use the map like this:

<p-dataTable .. [rowStyleMap]="rowStyleMap" dataKey="color">"

Now, whenever a row has the string 'black' in it's column 'color', the styling will be applied. \m/