title: How to add cursor hand for pagination in Datatable
body: <p>I have implemented a table using datatable. it looks fine. But How to add cursor mark as hand while mouseover event in pagination links. 
  I tried below,</p>
  
  <pre><code>   $('#mytable') .on( 'order.dt',  function () { eventFired( 'Order' ); } )
              .on( 'search.dt', function () { eventFired( 'Search' ); } )
              .on( 'page.dt',   function () { eventFired( 'Page' ); } ).DataTable();
  
  function eventFired()
  {
  
  var spans = document.getElementById('variantTable_paginate').getElementsByTagName('a')
  
  for(var i = 0, l = spans.length; i &lt; l; i++){
      spans[i].style.cursor = "pointer";
      console.log(spans[i])
  }
  }
  </code></pre>
  
  <p>It works while loading a data. once I move to next page or search operation it's not working. </p>
  
  <p>I also tried adding below,</p>
  
  <pre><code>&lt;table id="mytable" style="cursor:pointer" class="table table-bordered table-hover table-striped"&gt;
  </code></pre>
  
  <p>any idea would be appreciable</p>