title: Add icon to right side corner of mat-menu using Angular 6
body: <p><a href="https://i.stack.imgur.com/LHfOm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LHfOm.png" alt="enter image description here"></a>I am using mat-menu .</p>
  
  <pre><code>&lt;mat-menu #appMenu="matMenu" yPosition="above"&gt;
    &lt;button mat-menu-item&gt;Settings&lt;/button&gt;
    &lt;button mat-menu-item&gt;Help&lt;/button&gt;
  &lt;/mat-menu&gt;
  
  &lt;button mat-icon-button [matMenuTriggerFor]="appMenu"&gt;
    &lt;mat-icon&gt;more_vert&lt;/mat-icon&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>I want on click of more_vert icon, mat-menu should open on top of it. and an icon should be added on right corner of mat-menu<a href="https://i.stack.imgur.com/RqKiU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RqKiU.png" alt="enter image description here"></a>
  In this image the right top corner should be an icon and placed on top of more_vert icon.</p>
  
  <p>Can anyone please help me how to do this.</p>
  
  <p>Added code for table. As mat-menu is present in table data.</p>
  
  <pre><code> &lt;table class="table"&gt;
            &lt;thead&gt;
              &lt;tr&gt;
                &lt;th&gt;Data 1
                &lt;/th&gt;
                &lt;th&gt;Data 2
                &lt;/th&gt;
                &lt;th&gt;Data 3
                &lt;/th&gt;
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
              &lt;tr *ngFor="let data of Data&lt;/td&gt;
  
                &lt;td&gt;
                {{data.val1}}
                &lt;/td&gt;
                &lt;td&gt;
                 {{data.val2}}
                &lt;/td&gt;
                &lt;td&gt;
                        &lt;mat-menu #appMenu="matMenu"&gt;
                            &lt;mat-icon&gt;close&lt;/mat-icon&gt;
                            &lt;button mat-menu-item&gt;Settings&lt;/button&gt;
                            &lt;button mat-menu-item&gt;Help&lt;/button&gt;
                          &lt;/mat-menu&gt;
  
                          &lt;button mat-icon-button [matMenuTriggerFor]="appMenu"&gt;
                            &lt;mat-icon&gt;more_vert&lt;/mat-icon&gt;
                          &lt;/button&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>