How to highlight a column while filtering?

Question

I have been using Angular 4 with primeng 4 . When sorting is done with
p-datatable of primeng it highlights the column header being sorted. Example : https://www.primefaces.org/primeng/#/datatable/sort

But when filtering is done here, the column header is not highlighted . Example : https://www.primefaces.org/primeng/#/datatable/filter

When I checked with chromebug, I was able to see every time sorting is done , a class gets added : ui-state-active , but this class does not get added while filtering .

Can anybody suggest me as to how I can highlight a column header while filtering like it's being done in sort in the example up above ?

@porgo : Yes , I understand that . But where will I add the code ? I cannot very well add it to the library . — The Dark Knight, Sep 05 '17 at 08:55

score -1 · Answer 1 · answered Nov 12 '18 at 06:45

-1

style="#{car.remarks eq rsm.search ? 'color:red':'color:blue'}"

answered Nov 12 '18 at 06:45

fayis kottakkal

11
2

car = datatable variable. remarks = column name,rsm = bean name,search = String variable create in bean,eq = equals (here if the search contains equal to the column value then the color became red,else blue ,capital letter and small letter also listen) – fayis kottakkal Nov 12 '18 at 06:46
Please add your comments to the answer so that they can be easily read by people visiting the question. – Nick Nov 12 '18 at 10:30
please update your answer with the content of your comment. Use the `edit` function – JimHawkins Nov 12 '18 at 12:03

How to highlight a column while filtering?

1 Answers1