title: datatables bootstrap modal not working
body: <p>I am trying to get a click to open editable content of my dyniamically generated rows in modals, using datatables plugin.</p>
  
  <p>I see an error:</p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'display' of undefined.</p>
  </blockquote>
  
  <p>I am using the following files apart from jquery and bootstrap.min.js:</p>
  
  
  
  <pre><code>&lt;!-- Datatables -&gt; these files are required to make the table headers fixed, sortable etc--&gt;
  
  &lt;link href="../../../vendors/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet"&gt;
  &lt;link href="../../../vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css" rel="stylesheet"&gt;
  &lt;link href="../../../vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css" rel="stylesheet"&gt;
  &lt;link href="../../../vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css" rel="stylesheet"&gt;
  &lt;link href="../../../vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css" rel="stylesheet"&gt;
  </code></pre>
  
  <p>My code where I initialize my datatable looks like this:</p>
  
  <pre><code>dtEdit = $('#edit-element').DataTable({
    "paging": false,
    "info": false,
    "bFilter": false,
    "bPaginate": false,
    retrieve: true,
    "processing": true,
    columns: [{
        'data': 'status'
      },
  
      {
        'data': '_id'
      },
      {
        'data': 'email'
      },
      {
        'data': 'role'
      },
    ],
    responsive: {
      details: {
        display: $.fn.dataTable.Responsive.display.modal({
          header: function ( row ) {
            var data = row.data();
            return 'Details for '+data[0]+' '+data[1];
          }
        }),
        renderer: $.fn.dataTable.Responsive.renderer.tableAll({
          tableClass: 'table'
        })
      }
    }
  });
  </code></pre>
  
  <p>Any pointers please?</p>
  
  <p>P.S. -> I am trying to achieve something like this:
  <a href="https://datatables.net/extensions/responsive/examples/display-types/bootstrap-modal.html" rel="nofollow noreferrer">https://datatables.net/extensions/responsive/examples/display-types/bootstrap-modal.html</a></p>