title: Datatables not showing the button for detail
body: <p>I trying to use datatables on my web, but after i add every thing on my web, it does not show the thing like the template i saw.
  This is the template
  <a href="https://i.stack.imgur.com/5rT00.png" rel="noreferrer"><img src="https://i.stack.imgur.com/5rT00.png" alt="enter image description here"></a>
  And this is the thing i got
  <a href="https://i.stack.imgur.com/9yWq0.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9yWq0.png" alt="enter image description here"></a></p>
  
  <p>i mean i can not see the plus button so that i can not see the detail of the product.
  This button just show when i make browser become smaller like this, but i need that even when the browser is large like in the template
  <a href="https://i.stack.imgur.com/diGwL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/diGwL.png" alt="enter image description here"></a></p>
  
  <p>Do you have any idea, please help?
  This is the template that i follow:
  <a href="https://datatables.net/extensions/responsive/examples/display-types/foundation-modal.html" rel="noreferrer">https://datatables.net/extensions/responsive/examples/display-types/foundation-modal.html</a>
  This is my script:</p>
  
  <pre><code>$(document).ready(function() {
  $('#example').DataTable( {
      responsive: {
          details: {
              display: $.fn.dataTable.Responsive.display.modal( {
                  header: function ( row ) {
                      var data = row.data();
                      return 'Details for '+data[0]+' '+data[1];
                  }
              } ),
              renderer: function ( api, rowIdx, columns ) {
                  var data = $.map( columns, function ( col, i ) {
                      return '&lt;tr&gt;'+
                              '&lt;td&gt;'+col.title+':'+'&lt;/td&gt; '+
                              '&lt;td&gt;'+col.data+'&lt;/td&gt;'+
                          '&lt;/tr&gt;';
                  } ).join('');
  
                  return $('&lt;table width="100%"/&gt;').append( data );
              }
          }
      }
  } );
  </code></pre>
  
  <p>} );</p>