title: Disable movement of columns in agGrid
body: <p>I'm using AgGrid table in my application. Here is the <a href="https://plnkr.co/edit/O6ADg9DZEOCREByn" rel="nofollow noreferrer">demo</a>. According to the documentation i want to stop movement of the columns. For this i used:</p>
  <pre><code>suppressMovable: true
  </code></pre>
  <p>The above code I used here:</p>
  <pre class="lang-js prettyprint-override"><code> columnDefs: [
          {
            headerName: 'Athlete',  //the generic name of header
            children: [
              {
                field: 'athlete',   //children header from generic header
                width: 150,
                suppressMovable:true
              },
              {
                field: 'age',
                lockVisible: true,
                cellClass: 'locked-visible',
                suppressMovable:true
  
              },
              {
                field: 'country',
                width: 150,
              },
              { field: 'year' },
              { field: 'date' },
              { field: 'sport' },
            ],
            ...
  </code></pre>
  <p><code>suppressMovable:true</code>, it works, and the <code>athlete</code> and <code>age</code> columns aren't possible to be moved like others, but this code also disable the movement of the main column: <code>Athlete</code>. So when i try to switch the place of <code>Athlete</code> and <code>Medals</code> columns, i can't, but i don't want this, i want to set this 2 main columns as movable.<br>Question: How to disable movement of columns inside the <code>Athlete</code> and <code>Column</code>, but to keep the movement functionality of these 2 main columns?</p>