title: custom sorting in Ag-grid
body: <p>Below is header of ag-grid applied with custom sorting</p>
  
  <pre><code>{
          headerName: "StudentId",
          field: "StudentId",
          width: 140,
          editable: false,
          enableRowGroup: true,
          comparator: (valA, valB, n1, n2, inverse) =&gt; {
            return valA.localeCompare(valB);
  
          },
          sortingOrder: ['desc', 'asc'] 
     }
  </code></pre>
  
  <p>The reason I added a custom comparator because data is like</p>
  
  <pre><code>   S19
     S129
     S176
     S99
     S433
     S10
  
  </code></pre>
  
  <p>and after applying sorting to mentioned header you will get result in column like this</p>
  
  <pre><code>   S10
     S129
     S176
     S19
     S433
     S99
  
  </code></pre>
  
  <p>I am pretty sure some of you get confused by looking the result but it's correct because data contain alphabet as well as number so it is string and comparator working fine according sorting of string.</p>
  
  <p>But i want result like this because it is human quick readable format.</p>
  
  <pre><code>S10
  S19
  S99
  S129
  S176
  S433
  
  </code></pre>
  
  <p>Is it possible to do ??</p>