html - 如何将编辑图标和数据放在一个垫表中

Question

我是 Angular 的新手。这是我的主表（它的线框）

当我单击铅笔图标时，它应该如下所示：

但我没有得到这样的输出。我试过这个

stackblitz 网址：https ://stackblitz.com/edit/mat-table-custom-dtb5bv?file=index.html

面临的问题：下拉菜单位于更新按钮的右侧

标签： htmlcssangularangular-materialangular6

Answer 1

好像菜单上有width: 100%;。这使按钮移动到下一行。因此，要将两者放在同一行中，请尝试添加以下内容。

.mat-cell .mat-select {
     width: auto;         
     min-width: 100px; /*adjust accordingly*/
}