title: Angular & Mat-table - How to disable/enable Drag & Drop mode?
body: <p>My material table is with <code>Drag &amp; Drop</code> enable. I want add togle button to Disable/Enable this mode.</p>
  
  <p><strong>My HTML template:</strong></p>
  
  <pre><code>&lt;table mat-table #table [dataSource]="dataSource | periodicElementFilter:periodicElementFilter" class="mat-elevation-z8"
    cdkDropList
    (cdkDropListDropped)="dropTable($event)"&gt;
      ...
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>My typeScript component:</strong></p>
  
  <pre><code>enableDragDropMode(event: MatSlideToggleChange) {
    // ???
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Gl3ot.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Gl3ot.png" alt="enter image description here"></a></p>
  
  <p>Demo online <a href="https://stackblitz.com/edit/angular-thk7zp" rel="nofollow noreferrer"><strong>HERE</strong></a></p>