title: DataTables - modal display - icons not displaying
body: <p>I am trying to develop the following functionality,
  <a href="https://datatables.net/extensions/responsive/examples/display-types/modal.html" rel="nofollow noreferrer">https://datatables.net/extensions/responsive/examples/display-types/modal.html</a></p>
  
  <p>I followed the exact same steps but, I am not getting the icons to launch the modal dialog,</p>
  
  <p>Here is the complete code,</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width"&gt;
      &lt;title&gt;Responsive&lt;/title&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css" /&gt;
  
  
      &lt;script src="https://code.jquery.com/jquery-3.1.1.js"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdn.datatables.net/1.10.15/js/dataTables.bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(document).ready(function () {
              var dataset = {
  
                  "data": [
                    {
                        "first_name": "Airi",
                        "last_name": "Satou",
                        "position": "Accountant",
                        "office": "Tokyo",
                        "start_date": "28th Nov 08",
                        "salary": "$162,700"
                    },
                    {
                        "first_name": "Angelica",
                        "last_name": "Ramos",
                        "position": "Chief Executive Officer (CEO)",
                        "office": "London",
                        "start_date": "9th Oct 09",
                        "salary": "$1,200,000"
                    },
                    {
                        "first_name": "Ashton",
                        "last_name": "Cox",
                        "position": "Junior Technical Author",
                        "office": "San Francisco",
                        "start_date": "12th Jan 09",
                        "salary": "$86,000"
                    },
                    {
                        "first_name": "Bradley",
                        "last_name": "Greer",
                        "position": "Software Engineer",
                        "office": "London",
                        "start_date": "13th Oct 12",
                        "salary": "$132,000"
                    },
                    {
                        "first_name": "Brenden",
                        "last_name": "Wagner",
                        "position": "Software Engineer",
                        "office": "San Francisco",
                        "start_date": "7th Jun 11",
                        "salary": "$206,850"
                    },
                    {
                        "first_name": "Brielle",
                        "last_name": "Williamson",
                        "position": "Integration Specialist",
                        "office": "New York",
                        "start_date": "2nd Dec 12",
                        "salary": "$372,000"
                    },
                    {
                        "first_name": "Bruno",
                        "last_name": "Nash",
                        "position": "Software Engineer",
                        "office": "London",
                        "start_date": "3rd May 11",
                        "salary": "$163,500"
                    },
                    {
                        "first_name": "Caesar",
                        "last_name": "Vance",
                        "position": "Pre-Sales Support",
                        "office": "New York",
                        "start_date": "12th Dec 11",
                        "salary": "$106,450"
                    },
                    {
                        "first_name": "Cara",
                        "last_name": "Stevens",
                        "position": "Sales Assistant",
                        "office": "New York",
                        "start_date": "6th Dec 11",
                        "salary": "$145,600"
                    },
                    {
                        "first_name": "Cedric",
                        "last_name": "Kelly",
                        "position": "Senior Javascript Developer",
                        "office": "Edinburgh",
                        "start_date": "29th Mar 12",
                        "salary": "$433,060"
                    }
                  ]
              }
  
              $.each(dataset.data, function (i, item) {
                  item.age = Math.floor((Math.random() * 70) + 1);
                  item.extn = Math.floor((Math.random() * 1000) + 1);
              })
  
  
              $('#example').DataTable({
                  "paging": false,
                  "info": false,
                  "filter": false,
                  "paging": false,
                  retrieve: true,
                  "processing": true,
                  data: dataset.data,
                  columns: [{ "data": "first_name" },
                           { "data": "last_name" },
                           { "data": "position" },
                           { "data": "office" },
                           { "data": "age" },
                           { "data": "start_date" },
                           { "data": "salary" },
                           { "data": "extn" }],
                  responsive: {
                      details: {
                          display: $.fn.dataTable.Responsive.display.modal({
                              header: function (row) {
                                  var data = row.data();
                                  alert(row.data.length)
                                  return 'Details for ' + data[0] + ' ' + data[1];
                              }
                          }),
                          renderer: $.fn.dataTable.Responsive.renderer.tableAll({
                              tableClass: 'table'
                          })
                      }
                  }
              });
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table width="100%" class="table table-striped table-bordered nowrap" id="example" cellspacing="0"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;First name&lt;/th&gt;
                  &lt;th&gt;Last name&lt;/th&gt;
                  &lt;th&gt;Position&lt;/th&gt;
                  &lt;th&gt;Office&lt;/th&gt;
                  &lt;th&gt;Age&lt;/th&gt;
                  &lt;th&gt;Start date&lt;/th&gt;
                  &lt;th&gt;Salary&lt;/th&gt;
                  &lt;th&gt;Extn.&lt;/th&gt;
  
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;&lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Output:</p>
  
  <p><a href="https://i.stack.imgur.com/Ybu1p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ybu1p.png" alt="enter image description here"></a></p>
  
  <p>You can even copy and paste the entire code in an HTML file and run it to see the behavior. </p>
  
  <p>I am not seeing any errors in the console. I tested with IE 11 and Chrome.</p>
  
  <p>Any suggestions / directions are greatly appreciated.</p>
  
  <p>Edit:</p>
  
  <p>Snapshot from jsbin.com/hehewiz/edit?html,output. (link created by bazzells)</p>
  
  <p><a href="https://i.stack.imgur.com/hg0hO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hg0hO.png" alt="enter image description here"></a></p>