title: DataTable JQuery | Reinitialize and getting the column & row
body: <p>I have a data table in my page with the status column and view details column. after clicking view details it will pop up a modal, the modal contains a dropdown for status that when changed a certain value in the database will change. However after closing the modal the value in the datatable doesn't change. How can I reload the data table without reinitializing it, or how to get the column &amp; row that i clicked so that I can change the value of the certain column &amp; row. I have this code for initializing the datatable on doc.ready</p>
  
  <pre><code> function createTable(data){
          for (i in data){
              var message = "&lt;tr&gt;";
              var statusHolder = "";
  
  
              if(data[i].status == "open"){
                  statusHolder = "Open";
              } else if (data[i].status == "resolved"){
                  statusHolder = "Resolved";
              } else {
                  statusHolder = "Closed";
              }
              var id = data[i].id;
              message+= "&lt;td&gt;" + statusHolder + "&lt;/td&gt;";
              message+= "&lt;td&gt;&lt;input id = 'ticketId' type ='hidden' value = " + data[i].id +" /&gt;&lt;input type = 'hidden' id = 'support-type-name' value = 'call-back'/&gt;&lt;a href='javascript:retrieveCommentsInfo(" + data[i].id +")' id='view-ticket-info'&gt;" + " View details" + "&lt;/span&gt;&lt;/td&gt;";          
              message+= "&lt;td&gt;" + data[i].id + "&lt;/td&gt;";
  
  
              $("#callback-request-body").append(message);
  
  
          }
  
          $("#callback-request-table").dataTable({
              "columnDefs": [ {"visible": false, "targets": [6]},
                            ]
          });
  }
  </code></pre>