时间戳

首页 > 解决方案 > 角度 2 显示单击行的浮动 div

angular - 角度 2 显示单击行的浮动 div

问题描述

我不是在寻找可扩展行，如链接Expandable table rows in angular 4 with angular material 中所述

我只需要在我单击鼠标的地方显示一个小的浮动 div。（选择一行）。我准备了一个示例，用于突出显示选定的行和现在显示在表格下方的浮动 div。选择row show div，选择gain hide div。请帮助显示鼠标单击/选择行的位置。代码位于链接 https://stackblitz.com/edit/div-on-click

标签： angulartypescriptangular-material

解决方案

我知道在这个问题上您提到您不想要可扩展行...我将继续并在此处发布堆栈闪电战示例以使用可扩展行进行审核，这使用了可扩展行，这不是您想要的，但它是为响应而创建的到您之前的问题，该问题在我发布之前已被关闭为重复...我只是想在这里发布以供您查看，以演示可扩展行在您的 stackblitz 示例中如何工作...经过审核，如果这不符合您的要求，请让我知道，我会删除。

https://stackblitz.com/edit/div-on-click-qqcdmx?embed=1&file=app/table-basic-example.html

此外，这里是 mat-table 中右键单击上下文菜单的 stackblitz 示例，供您查看。

https://stackblitz.com/edit/angular-material-context-menu-table?file=app/context-menu-example.html

推荐阅读