title: How to make datatable row or cell clickable?
body: <p>I'm working on a history development of a particular user and I want it to be done with dataTables. However, I cannot find the way with which I can make my row or a particular cell clickable. I need to open separate links with the separate clicks for particular row. Any help would be appreciated. Thanks in advance !!!</p>
  
  <p>Edited:: If I click on a row, I need all the data of the row, which is not a problem. I can do that. What I need to know is to make an $.ajax() request with that particular row data. I think this will do. However, it would be great to know how to open a link in a new tab on row click.</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() {
      var dataSet = [
          []
      ];
      $.ajax({
          type: 'POST',
          url: "webservices/view_patient_medical_history.php",
          async: false,
          //data: {'log_id': data},
          success: function(response) {
              dataSet = JSON.parse(response);
          }
      });
  
      //   var dataSet_arr = jQuery.makeArray(dataSet['responseText']);
  
      $('#patient_medical_history').DataTable({
          data: dataSet,
          columns: [{
              title: "Patient ID",
              class: "center"
          }, {
              title: "Current Medications",
              class: "center"
          }, {
              title: "Allergies",
              class: "center"
          }, {
              title: "Diabetes",
              class: "center"
          }, {
              title: "Asthma",
              class: "center"
          }, {
              title: "Arthritis",
              class: "center"
          }, {
              title: "High Blood Pressure",
              class: "center"
          }, {
              title: "Kidney Problem",
              class: "center"
          }, {
              title: "Liver Problem",
              class: "center"
          }, {
              title: "Heart Problem",
              class: "center"
          }, {
              title: "Other Problems",
              class: "center"
          }, {
              title: "Present Problem",
              class: "center"
          }, {
              title: "Last Updated",
              class: "center"
          }],
          "scrollX": true,
          //"paging": false,
          "info": false,
          //"lengthMenu": false,
          dom: 'lBfrtip',
          buttons: [
              'copy', 'pdf', 'print'
          ]
  
  
          /*"paging": false,
          "info": false,
           dom: 'Bfrtip',
           buttons: [
              'excel', 'pdf', 'print'
          ]*/
      });
  
      $('th').css("white-space", "nowrap");
  });</code></pre>
  </div>
  </div>
  </p>