title: How to add row number on table genareted by JQuery DataTable with server side datasource
body: <p>I use JQuery <a href="http://www.datatables.net" rel="noreferrer">DataTable</a> to bind and show my data. However, I can't add row number to generated grid from client side. Here my code:</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;table id="applications_list" class="table table-bordered datagrid"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;&lt;?php echo __('No.'); ?&gt;&lt;/th&gt;
              &lt;th&gt;&lt;?php echo __('Application Code'); ?&gt;&lt;/th&gt;
              &lt;th&gt;&lt;?php echo __('Application Name'); ?&gt;&lt;/th&gt;
              &lt;th&gt;&lt;?php echo __('Created By'); ?&gt;&lt;/th&gt;
              &lt;th&gt;&lt;?php echo __('Created Date'); ?&gt;&lt;/th&gt;
              &lt;th&gt;&lt;?php echo __('Action'); ?&gt;&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <h2>Javascript</h2>
  
  <pre><code>$('#applications_list').dataTable({
      "bLengthChange": false,
      "bFilter": true,
      "bFilter": false,
      "bProcessing": true,
      "bServerSide": true,
      "sPaginationType": "full_numbers",
      "sAjaxSource": config.siteURL  + "/applications/ajax_index",
      "sServerMethod": "POST",
      "aoColumns": [
          { "mData": null, "bSortable": false },
          { "mData": "app_applicationcode",  "sName": "app_applicationcode" },
          { "mData": "app_applicationname", "sName": "app_applicationname" },
          { "mData": "app_createdby", "sName": "app_createdby" },
          { "mData": "app_createddate", "sName": "app_createddate" },
          { "mData": "app_applicationcode", "bSortable": false, "mRender": function(data) {
              return '&lt;a href="' + config.siteURL + '/applications/delete/' + data + '" class="confirm_delete"&gt;&lt;i class=""&gt;x&lt;/i&gt;&lt;/a&gt;' 
          }},
     ],
      "aaSorting": [[ 0, 'asc' ]],
  });
  </code></pre>
  
  <p>I read documentation <a href="http://www.datatables.net/release-datatables/examples/api/counter_column.html" rel="noreferrer">here</a>, but it won't work. Can anyone help me to solve this problem?</p>