title: Jquery data table need to show the blank records at bottom always (any sorting)
body: <p>I am having table with mixed empty,non-empty values if i click the column name sorting will be done, i need blank records at bottom always if i click asc, desc sort what ever i click blank,empty records need to shown in bottom only what i want to do for that please help me any one.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.2/css/jquery.dataTables.css"&gt;   
  &lt;script src="http://code.jquery.com/jquery-1.12.0.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      jQuery.extend(jQuery.fn.dataTableExt.oSort, {
      "non-empty-string-asc": function (str1, str2) {
          if(str1 == "")
             return 1;
          if(str2 == "")
             return -1;
             return ((str1 &lt; str2) ? -1 : ((str1 &gt; str2) ? 1 : 0));
      },                   
      "non-empty-string-desc": function (str1, str2) {
          if(str1 == "")
              return 1;
          if(str2 == "")
              return -1;
              return ((str1 &lt; str2) ? 1 : ((str1 &gt; str2) ? -1 : 0));
      }
      });
  &lt;/script&gt;
  &lt;/head&gt;
                  &lt;table id="example" class='dataTable fn dataTableExt oSort' border='1'&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th rowspan="2"&gt;Customer&lt;/th&gt;
                          &lt;th colspan="2"&gt;2016&lt;/th&gt;
                          &lt;th colspan="2"&gt;2015&lt;/th&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;th&gt;Performance %&lt;/th&gt; 
                          &lt;th&gt;Rank&lt;/th&gt;
                          &lt;th&gt;Performance %&lt;/th&gt; 
                          &lt;th&gt;Rank&lt;/th&gt;
                      &lt;tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                      &lt;tr&gt;
                          &lt;td&gt;name1&lt;/td&gt;
                          &lt;td&gt;100%&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;77%&lt;/td&gt;
                          &lt;td&gt;2&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;name2&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;2&lt;/td&gt;
                          &lt;td&gt;70%&lt;/td&gt;
                          &lt;td&gt;5&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;2&lt;/td&gt;
                          &lt;td&gt;72%&lt;/td&gt;
                          &lt;td&gt;4&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;name5&lt;/td&gt;
                          &lt;td&gt;98%&lt;/td&gt;
                          &lt;td&gt;2&lt;/td&gt;
                          &lt;td&gt;0&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;name6&lt;/td&gt;
                          &lt;td&gt;99%&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;name7&lt;/td&gt;
                          &lt;td&gt;71%&lt;/td&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;78%&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
              &lt;script&gt;
              var dataTable = $('#example').dataTable({
                  "iDisplayLength": 8, //Number of rows
                  "bLengthChange": false, //Disable "show 1-n entries"
                  bFilter: false, //Disable filter
                  bInfo: false,
                  columnDefs: [{ "type" : "non-empty-string",targets: [0,4] }],
                  "order": [[ 1, "desc" ],[ 2, "asc" ]]
              });
              &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>