0

I want to reduce the header font size of an ngx-datatable without affecting the other ngx-datatable in the project.

Vedha
  • 221
  • 2
  • 5
  • 17

1 Answers1

0

Override default css

HTML:

<div class="custom-datatable">
    <ngx-datatable></ngx-datatable>
</div>

CSS:

.custom-datatable ngx-datatable.material .datatable-header .datatable-header-cell {
    font-size: 10px !important;
}
Hamidreza
  • 1,465
  • 12
  • 31
Javascript Hupp Technologies
  • 1,997
  • 2
  • 12
  • 27
  • thanks, if I put this code in material.css it's affecting all the ngx-datatable in the project. I want to make the change only to a particular ngx-datatable alone in the project. if I put in component.css it has no effect. – Vedha Apr 03 '19 at 07:43