title: How to make sorting work properly in kendo ui in case of blank fields in Grid/Hierarchical Grid?
body: <p>In case of Kendo Grid there is case when the grid is filled with empty fields as shown in Image. Sorting is altered in this case and do not behave as expected.
  My problem is with blank fields. Those should come at the first or at the last while sorted, but these are coming here and there. Any ideas how to overcome this?</p>
  
  <p>Here is what I have tried so far: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
      $("#grid").kendoGrid({
          dataSource: {
              data: [
                  { FirstName: 'Alphy', NumberColumn: 10},
                  { FirstName: 'Betty', NumberColumn: 5},
                  { FirstName: 'Ashish', NumberColumn: ""},
                  { FirstName: 'Carlos', NumberColumn: -61},
                  { FirstName: 'zebra', NumberColumn: -7},
                  { FirstName: 'Ketty', NumberColumn: 5},
                  { FirstName: 'alpha', NumberColumn: ""},
                  { FirstName: 'Loren', NumberColumn: 5},
                  { FirstName: 'Brian', NumberColumn: 5}
              ]
          },
          sortable: {
              mode: "single",
              allowUnsort: false
          },
          columns: [
              {
                  field: "FirstName",
                  title: "First Name"
              },
              {
                  field: "NumberColumn",
                  title: "Number Column"
              }
          ]
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.material.min.css" rel="stylesheet" /&gt;
  &lt;link href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.common-material.min.css" rel="stylesheet" /&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://cdn.kendostatic.com/2015.2.624/js/kendo.all.min.js"&gt;&lt;/script&gt;
  
  &lt;div id="grid"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://jsfiddle.net/ashishanexpert/pwmtzq81/5/" rel="nofollow">Click here for JS Fiddle for the above code</a></p>