Basic formatting of a datatable?

[richleach]

Hi

I'm trying to apply some styles to a datatable component.

Specifically I'm trying to change the color of the background of the headers of all the columns. As close as I've gotten is applying:

[style]="{'width':'4rem','background-color':'red'}"

to the p-column tag (nested inside of the p-table tag) but that applies the color to the entire column, I just need the headers affected.

Thank you in advance for your help.

Rich

[Ctrl-C]

I think you're better off with some custom css here. Datatable is deprecated and no changes/fixes will be made to it.

[richleach]

Sounds like a good idea, but I'm having a little trouble getting a hold of a starting point.... any ideas?

Thanks,

Rich

[Ctrl-C]

Play with .ui-datatable th.ui-state-default - that's where background comes from.