angular-generic-table icon indicating copy to clipboard operation
angular-generic-table copied to clipboard

How to change the column header style.Please guide me

Open wipmuralikrishnank24 opened this issue 8 years ago • 4 comments

How to change the column header style.Please guide me

wipmuralikrishnank24 avatar Jul 18 '17 10:07 wipmuralikrishnank24

Could you be a bit more specific about what you're trying to do perhaps? It's just a normal table in the end so if you're just referring to css styling you style it using normal css, e.g.

table thead tr th {
  background: red;
}

hjalmers avatar Jul 18 '17 10:07 hjalmers

This code doesn't make any effect

sahilkatia avatar Jan 16 '18 22:01 sahilkatia

@sahilkatia are you referring to my example from the 18th of July? If you add it to your css/scss file it should turn the background of the table headers read like this: image

Unless you have some other css overriding it of course:) Also checkout this example for more ideas on how to style the table.

A side note is that if you want to style the table using css rules you've add to your own component you either have to turn of ViewEncapsulation for that component. Or use ::ng-deep selector see example here.

hjalmers avatar Jan 17 '18 17:01 hjalmers

@hjalmers Sorry I realized I didnt include link in my css

sahilkatia avatar Jan 18 '18 21:01 sahilkatia