Html 角材料2：如何在右下角的md表顶部放置fab按钮？

我有一张md表格，上面显示了一些记录，下面有一个分页器。我想在表上显示一个fab按钮（内容表将在它下面运行）

我试过什么？ 我尝试在

标记中检查

，但看起来
md table
下的所有内容都被废弃了，然后由material2 table组件呈现表行

是否有一个干净的（不使用大量CSS，而只使用类）解决方案？如果不是，什么是基于CSS的解决方案
 您可以将
md表
和
md迷你晶圆厂
包装在
div
中。然后，您可以使用
position:absolute
浮动到
md表顶部的按钮
，并使用
right
和
top
css属性调整按钮的位置

html:


注意：由于您提到“目录将在其下运行”，我在表中添加了
页边距顶部：50px
，以将其放置在按钮下方。
下面的代码满足要求，但被称为直接解决方案相当脏

我在处理头寸时所做的是：固定、保证金、z指数和底部，我在md表下方（在paginator级别）做了一个div



注意：如果找到更好的解决方案，将更新答案或发布新答案
 使用
class=“md fab md fab bottom right”
在表格的右下角，表格上方（z-index）。您好，这不是正确的解决方案，绝对位置将使按钮从屏幕顶部而不是在div内定位。试着在
之前添加
标记，你就会知道我在说什么：尽管我用类似的方法解决了这个问题，但我会很快发布答案。但是做一个绝对位置并没有那么漂亮，它几乎不起作用。谢谢你的回答。
<div class="example-container mat-elevation-z8">
  <a md-mini-fab class="custom-button"><md-icon>check</md-icon></a>
  <md-table #table [dataSource]="dataSource" style="margin-top: 50px">
    ...
    ...
    ...
  </md-table>
</div>

.custom-button{
  position: absolute;
  right: 30px;
  top: 15px;
}

<div style="z-index:5; position : fixed;display : flex; 
align-self : flex-end;bottom : 10%; margin-bottom : 68px;">

<a md-mini-fab routerLink="." style="margin-right : 14px;" (click) = 
"tShowAdu()"><md-icon>add</md-icon></a>
<a md-mini-fab routerLink="/main/create" style="margin-right : 14px;"><md-icon>add</md-icon></a>

</div>