primeNG - implement css style to dataTable

Question

I want to change the colors of the DataTable but I cant implement my custom css to it. Please help me understand how to do it. I ve read the documentation at PrimeNG website.

I did change the thead style using :

.ui-datatable .ui-datatable-thead > tr > th {background: red;}

but i want to know how to use [styleClass] to implement my custom colors to it.

Possible duplicate of What is Best way to override the style of primeng components? — Aravind
– Aravind, Commented Jul 2, 2017 at 1:05

Nilesh Khisadiya · Accepted Answer · 2017-06-30 09:26:07Z

1

Mark !important tag to your custom styles. May be it will works for you.

.ui-datatable .ui-datatable-thead > tr > th {
   background: red !important;
}

answered Jun 30, 2017 at 9:26

Nilesh Khisadiya

1,6982 gold badges17 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bharat soni · Accepted Answer · 2017-06-30 09:26:51Z

1

You can use the below css

.ui-state-default.ui-unselectable-text {
    background-color: red !important;
}

answered Jun 30, 2017 at 9:26

Bharat soni

2,79621 silver badges29 bronze badges

Collectives™ on Stack Overflow

primeNG - implement css style to dataTable

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related