title: Angular Material 2 : How to put a fab button on top of the md-table at the bottom right corner?
body: <p>I have a md-table showing some records and a paginator below. I want to show a fab button on the table (the table of content would run under it). </p>
  
  <p>What I tried? 
  I tried <code>&lt;a md-mini-fab routerLink="." style=""&gt;&lt;md-icon&gt;check&lt;/md-icon&gt;&lt;/a&gt;</code> inside the <code>&lt;md-table #table [dataSource]="dataSource" mdSort&gt; &lt;/md-table&gt;</code> tags , but looks like everything under <code>md-table</code> is scrapped out and the table rows are then rendered by the material2 Table component . </p>
  
  <p>Is there a clean(without using a lot of CSS, while using only classes) solution for it? If not what is the CSS based solution? </p>