title: jquery datatable only renders requested page/rows. Need to reach a dynamincally created button
body: <p>I've been trying to find a solution for this but nothing I've tried seems to work. If someone has any ideas that would be great :)</p>
  <p>I'm rendering a button for the last td of each row to acknowledge that the row has been viewd. When clicked I'm doing some serverside stuff, and everything works fine so far. However I have another button to &quot;Acknowledge All&quot;, as default initload to DT is 200 rows you might just want to dismiss them all as viewed. this is where my problem starts , I can only seem to manipulate the rows I'm currently viewing. If I change the page on table the &quot;pre-acknowledged&quot; button is presented.</p>
  <p>this is the code for the button (acknowledge all) click:</p>
  <pre><code>$('#ackAll').on('click', function () {
      var buttons = $('.ackButton');
      $(buttons).each(function() {
          $(this).html(&quot;&lt;i class='fa fa-eye acknowledged' aria-hidden='true' style='margin-right: 7px;'&gt;&lt;/i&gt;acknowledged&quot;)
                 .on('click', function (e) {
                      e.stopImmediatePropagation();
                  });
      }
  });
  </code></pre>
  <p>this is the html where I have the button:</p>
  <pre><code>&lt;thead&gt;
     &lt;tr&gt;
       &lt;th&gt;Time&lt;/th&gt;
       &lt;th&gt;Date&lt;/th&gt;
       &lt;th&gt;Component&lt;/th&gt;
       &lt;th&gt;Severity Level&lt;/th&gt;
       &lt;th&gt;Type&lt;/th&gt;
       &lt;th&gt;Message&lt;/th&gt;
       &lt;th&gt;Actions&lt;button id=&quot;ackAll&quot; class=&quot;btn btn-danger btn-sm pull-right&quot;&gt;All&lt;/button&gt;&lt;/th&gt;
     &lt;/tr&gt;
  &lt;/thead&gt;
  </code></pre>
  <p>and this is in the column rendering on int DT (representing &quot;action&quot; column):</p>
  <pre><code>{
    name: 'action',
    data: null,
    render: function(row, type, val, meta) {
                  if (row[10]) {
                      columndata =
                          &quot;&lt;button class='btn pull-right ackButton' style='border-radius:24px;background-color: rgb(91, 192, 222);color:white;padding-left:10px;padding-right:10px;'&gt;&lt;i class='fa fa-eye-slash' aria-hidden='true' style='margin-right: 7px;'&gt;&lt;/i&gt;acknowledge&lt;/button&gt;&lt;a class='ackInfoLink ackInfoLink-hidden pull-right' href='#ackCommentModal' style='visibility:hidden;' data-toggle='modal'&gt;&lt;i class='fa fa-info-circle text-info fa-lg' aria-hidden='true'&gt;&lt;/i&gt;&lt;/a&gt;&quot;;
                  }
                 return columndata;
    },
    defaultContent: columndata,
    responsivePriority: 3
  }
  </code></pre>