title: How to loop a dataTable and disable a link on specific rows of it?
body: <p>There is a <code>dataTable</code> :</p>
  
  <pre><code>&lt;div id="tabl"&gt;
      &lt;table id="table_tabl" class="display striped bordered" data-searching="true"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Salle&lt;/th&gt;
                  &lt;th&gt;Table&lt;/th&gt;
                  &lt;th&gt;R&amp;eacute;serv&amp;eacute;e&lt;/th&gt;
                  &lt;th&gt;Date d&amp;eacute;but&lt;/th&gt;
                  &lt;th&gt;Date fin&lt;/th&gt;
                  &lt;th&gt;Action&lt;/th&gt; // containing link-buttons "update","delete","register","unregister"
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;&lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('#table_tabl').dataTable({
      responsive: true,
      "oLanguage": {
          "sUrl": "&lt;?php  echo RP_LANG ?&gt;fr_FR.txt"
      },
      "processing": true,
      "serverSide": true,
      ajax: "&lt;?php  echo RP_SSP ?&gt;server_processing_reservTables.php",  
      "aoColumnDefs": [{ 
          "aTargets": [5],
          "mData": 5,
          "mRender": function (data, type, full) {
              var table_ = '\''+full [0]+'\'';
              return '&lt;div style="text-align:center;"&gt;&lt;a href="Restaurantreservation/modifierReservTable/'+ data +'" title="Update"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt;&lt;/a&gt;' + 
                  '&lt;a href="#" id="staticDialog" onclick="afficheDlg('+ data +','+table_+')" style="color: red; font-size: 14px;" title="Delete"&gt;&lt;i class="icon-cancel-2"&gt;&lt;/i&gt;&lt;/a&gt;' +
                  '&lt;a href="Restaurantreservation/affecterReservTable/'+ data +'" title="Register"&gt;&lt;i class="icon-locked"&gt;&lt;/i&gt;&lt;/a&gt;' +
                  '&lt;a href="Restaurantreservation/annulerReservTable/'+ data +'" title="Unregister"&gt;&lt;i class="icon-unlocked"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/div&gt;';
              },
          }],
          "aLengthMenu": [
              [10, 25,50,100, -1], 
              [10, 25,50,100, "Tout"]
          ]
      });
  </code></pre>
  
  <p>As you can see there are the link-buttons <code>icon-pencil</code>, <code>icon-cancel-2</code>, <code>icon-locked</code> and <code>icon-unlocked</code> inside the <code>Action</code> column.
  I want to disable the <code>icon-locked</code> link-button if the value of the third column <code>R&amp;eacute;serv&amp;eacute;e</code> equals <code>oui</code>. How to do that ?</p>