CODEWITHSUNDEEP
angulartypescriptdatatableprimeng
CodeCabbie
CodeCabbie

Reputation: 3454

Hide p-column header highlight in PrimeNG DataTables

How do I hide the column-header highlight (blue) that persists after a column is clicked for sorting purposes? I have no need to 'select' the column when a user simply clicks it to change the sort order.

Is there an attribute that I can use to switch-off column selection, similar to the way row selection can be disabled with 'selectionMode="none"'?

Upvotes: 0

Views: 3277

Answers (2)

Kwexi
Kwexi

Reputation: 1011

This worked for me:

.ui-datatable th.ui-state-active{
  outline:none;
}

Upvotes: 0

Mertcan Diken
Mertcan Diken

Reputation: 15361

You just need to overwrite this line of css according to your needs.

.ui-datatable th.ui-state-active { background: #186ba0;color: #ffffff; }

Upvotes: 3

Related Questions