How to apply red color font to specific column for dynamic d

ahmed elbarbary

I work on angular 7 app I need to apply red color font to specific column

but i dont know how to do that ?

I show data dynamically meaning no fixed column or data and code below working without any issue

my main thing i need is if columnname='onlineurl' make font color to red

my code as below datasource on ts as below :

this._displayreport.GetReportDetailsPaging(this.searchData).subscribe((data: any[]) => {
this.reportdetailslist = data;
this.headerCols = Object.keys(data[0]);
data.forEach((item) =>{
let values = Object.keys(item).map((key)=> item[key]).filter(item =>item != data[0].totalCount)
this.contentBody.push(values);
});
});

to get header without data i do as below :

to get content data without header i do

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Laxmidhar Sahoo6y ago
hi

you have to define a array of object that should have two columns like value and name
you define the variable rep , that hould not one column ,
ahmed elbarbary6y ago
how r1 contain columnname
r1 represent data for me
so how r1 represent column name
column name exist on col headers
Laxmidhar Sahoo6y ago
1. <td *ngFor="let r1 of rep">
3. <span *ngIf="r1 == condition color code>
4. {{r1}}
6. span>
8. td>

hi ahmed,

You can get idea from this article

https://stackoverflow.com/questions/54566536/text-color-for-different-status-angular-6