CODEWITHSUNDEEP
angulartypescriptangular-material
Gullu
Gullu

Reputation: 3529

angular 2 show floating div where row clicked

I am not looking for expandable row as explained at link Expandable table rows in angular 4 with angular material

All I need is to show a small floating div where i clicked the mouse. (selected a row). I have a sample ready for highlighting selected row and the floating div that right now shows below the table. Select row show div, select gain hide div. Please help to show where mouse clicked/row selected. Code is at link https://stackblitz.com/edit/div-on-click

Upvotes: 0

Views: 1171

Answers (1)

Marshal
Marshal

Reputation: 11081

I know on this question you mention you are not wanting expandable row... I will go ahead and post the stack blitz example here for your review using expandable row, this uses expandable row which is not what you want but it was created in response to your previous question which was closed as duplicate before I could post it... I just wanted to post here for your review to demonstrate how expandable rows work in your stackblitz example... After review, if this will not meet your requirements please let me know and I will remove.

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

Also, here is stackblitz example of right click context menu in mat-table for your review as well.

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

Upvotes: 2

Related Questions