topic Re: There is any way to add css in row based on condition in ADF-DataTable ? in Alfresco Forum

There is any way to add css in row based on condition in ADF-DataTable ?

dharmraj — Tue, 18 Dec 2018 09:59:36 GMT

I am using adf data table to render data .there is any way to add css based on even or odd row

Re: There is any way to add css in row based on condition in ADF-DataTable ?

eugenio_romano — Thu, 20 Dec 2018 18:02:12 GMT

Hi my suggestion, in general, is to give a look to the ADF repository documentation:

alfresco-ng2-components/docs at development · Alfresco/alfresco-ng2-components · GitHub

This topic in general is covered here:

https://github.com/Alfresco/alfresco-ng2-components/blob/development/docs/core/datatable.component.md

search for the key word css in the page that I linked you above.

Re: There is any way to add css in row based on condition in ADF-DataTable ?

JuanCarlos12 — Thu, 29 Apr 2021 07:40:22 GMT

I know this is already years too late.

But I wa wondering if its possible to apply a style to a row based on the data included in that row.

I know that ng-template allows us to access the data in that row but only in a cell level. Is it possible to do it in a row level?

<data-column>
<ng-template let-entry="$implicit"></ng-template>
</data-column>

Something like

<ng-template let-entry="$implicit">
    <data-row [ngClass]="entry.row.getValue('name')==='value'?red-background:green-background">
        <data-columns>
        .....
        </data-columns>
    </data-row>
</ng-template>