title: Pass row ID of jquery datatable through column render to another function
body: <p>Guys please help I'm stuck in this, I'm trying to add an 'Edit' button in jquery datatable and pass the row id everytime user clicks it, thing is that that each time when I click it says 'undefined' and I've tried all methods but still i'm missing something !</p>
  
  <p>This is my code:</p>
  
  <pre><code>function LoadDtPrimaryBottom(JsonData) {
  
  debugger;
  
  var table = $('.dtPrimaryBottom').DataTable({
      // dom: "Bfrtip",
      "lengthMenu": [[6], [7]],
      paging: true,
  
      columns:[
         { title: 'Student ID', data: 'stu_ID'},
  
          { title: 'Registration No', data: 'Registration No' , 'searchable':true},
          { title: 'Name', data: 'Name' },
          { title: 'FathersName', data: 'FathersName' },
          { title: 'Class', data: 'Class' },
          { title: 'Section', data: 'Section' },
          {
              //"title": "Actions",
              //"mdata": null,
              //"render": function (data, type, row) {
              //    return '&lt;button class="btnID"&gt;Edit&lt;/button&gt;';
  
              //"mData": null,
              //"bSortable": false,
              //"mRender": function (stu_ID) { return '&lt;input id="btnDispose" type="button" onclick="myfunction(' + stu_ID +')" value="Edit" /&gt;'; }
  
              'data': 'stu_ID',
              'render': function (data, type, row) {
                  var id = $(this).data('stu_ID');
                  return '&lt;input id="btnEdit" type="button" onclick="myfunction(' + id + ')" value="Edit" /&gt;';
              }                  
          }               
      ],    
      data: JsonData
  });
  
  
  function myfunction(stu_ID){
  debugger;
  alert(stu_ID);
  </code></pre>
  
  <p>}</p>