title: Angular ag-grid Sequence for filter order from Alphabetical [Default] into Custom order
body: <p>I am trying to have my own custom filter order sequence on ag-grid filter.</p>
  
  <p>apart from default filter order [Alphabetical], I want to have own filtering sequence.</p>
  
  <p><strong><em>As in the Ag-grid I'm able to display filter only in the alphabetical order,but in my case I want it as a custom filter-order for dynamic data.</em></strong></p>
  
  <blockquote>
    <p>For the reference I have included some data in the filter and observe
    that is getting sorted in the alphabetical order.</p>
  </blockquote>
  
  <p><strong>Please find the below plunker:</strong> </p>
  
  <p><a href="https://plnkr.co/edit/anwV9EkIfBEZ7tQoE8yO?p=preview" rel="nofollow noreferrer">Plunker for filter Sequence</a></p>
  
  <p>Let me show below some sort of my UI</p>
  
  <p><a href="https://i.stack.imgur.com/JY0bo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JY0bo.png" alt="Here, default order exists"></a></p>
  
  <p>So, i am trying to change the custom filter order sequence.</p>
  
  <p>For example </p>
  
  <blockquote>
    <ul>
    <li><p>Critical</p></li>
    <li><p>High</p></li>
    <li><p>Medium</p></li>
    <li><p>Low</p></li>
    </ul>
  </blockquote>
  
  <p>Does anyone have an idea on how to do this?</p>
  
  <p>My template :</p>
  
  <p><strong>filter.component.ts</strong></p>
  
  <pre><code> this.columnDefs = [
      {
            headerName: 'Severity',
            field: 'Severity',
            enableRowGroup: true,
            rowGroup: true,
      }
  </code></pre>