Javascript datatables引导模式不工作

我正在尝试使用datatables插件点击打开我在modals中动态生成的行的可编辑内容

我看到一个错误：

未捕获的TypeError:无法读取未定义的属性“display”

除了jquery和bootstrap.min.js之外，我还使用以下文件：

<!-- Datatables -> these files are required to make the table headers fixed, sortable etc-->

<link href="../../../vendors/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
<link href="../../../vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css" rel="stylesheet">
<link href="../../../vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css" rel="stylesheet">
<link href="../../../vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css" rel="stylesheet">
<link href="../../../vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css" rel="stylesheet">

有什么建议吗

附言->我正在努力实现以下目标：

---

要满足您的要求，您应该遵循给定的步骤。
1. $准备好（函数（））；i、 e.在文档准备就绪时使用jquery DOM。
2. $（'.my_按钮'）。单击（函数（））；i、 e.单击按钮时，应加载模态。
3. $（“#mydatatable”）.DataTable（）；i、 e.最后在$（document.ready（function（））的主体中加载数据表

$（文档）.ready（函数（）
{
//单击按钮时
$（'.my_按钮'）。单击（函数（）{
//你的模态代码
})；

$（'#mydatatable'）.DataTable（）；
});

要满足您的要求，您应该遵循给定的步骤。
1. $准备好（函数（））；i、 e.在文档准备就绪时使用jquery DOM。
2. $（'.my_按钮'）。单击（函数（））；i、 e.单击按钮时，应加载模态。
3. $（“#mydatatable”）.DataTable（）；i、 e.最后在$（document.ready（function（））的主体中加载数据表

$（文档）.ready（函数（）
{
//单击按钮时
$（'.my_按钮'）。单击（函数（）{
//你的模态代码
})；

$（'#mydatatable'）.DataTable（）；
});

您包含的js文件列表在哪里？我已经按照提供的链接HMMM包含了js文件，我的也不起作用。今晚下班后我会再看一看。提前谢谢@Bindrid！我把Allans的东西从他的页面上拿下来，让它独立。起初它不起作用，但它开始了。你包含的js文件列表在哪里？我已经按照提供的链接包含了js文件HMMM，我的也不起作用。今晚下班后我会再看一看。提前谢谢@Bindrid！我把Allans的东西从他的页面上拿下来，让它独立。起初它不起作用，但它开始了。

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'
      })
    }
  }
});

    $(document).ready(function ()
    {

        //When the button is clicked
        $('.my_button').click(function () {

            //Your code for modal 

        });<br>

        $('#mydatatable').DataTable();
    });