title: How to change Angular Material Table row height?
body: <p>In my Angular application (styled with Angular Material) I need to show some data using a Material Table.</p>
  
  <p>This table has a sticky header, several rows and a sticky footer.</p>
  
  <p><strong>By default, rows have a height of 62.5px and I'd like to override this value.</strong> </p>
  
  <p>How can I achieve that?</p>
  
  <p>I have tried overriding the css style for tr / tr.mat-row / tr.mat-header-row etc, without success. I have tried using ::ng-deep too.</p>
  
  <p>Also, my sticky footer row has a 48px height, which i didn't set!! Does anyone know whats happening?</p>
  
  <p><a href="https://i.stack.imgur.com/xkfpM.png" rel="noreferrer">Table picture</a></p>
  
  <p>I'm able to edit the footer row css with ::ng-deep, i have set the font-weight to <strong>bold</strong>, but when i set the height attribute nothing happens.</p>
  
  <pre><code>::ng-deep tr.mat-footer-row {
  border: 1px solid #e7e7e7;
  font-weight: bold;
  }
  </code></pre>