数据表正在应用但无法运行

Question

我正在使用一个名为flyout的插件。下面是插件的链接，用于将表格显示为弹出按钮。

https://www.jqueryscript.net/tooltip/Simple-Customizable-Tooltip-Popover-Plugin-Flyout.html

同时，我在弹出菜单中使用jQuery DataTables作为表格。 下面是我的代码

<div id="ShowActiveEngagements" class="hide">     
    <table #dataTable id="EngagementDatatableId" class="DataList table EngagementDatatable">
        <thead>
           <tr>
            <td>abc</td>
            <td>123</td>
            <td>Mohini</td>
            <td>Agrrement</td>
            <td>7/5/2019</td>
            <td>Go to Workspace</td>
          </tr>
        </tbody>
      </table>
</div>

当我打开弹出窗口时，这里正在使用数据表，但是它不起作用。当我单击排序或分页时，它不起作用。参见下面我正在使用的jQuery代码。

$('.EngagementDatatable').DataTable({
      bLengthChange: false,
      searching: false,
      iDisplayLength: 2
      // "paging": true,
      // "bPaginate": true
});

$('#ViewEngagements').flyout({
      title: 'Active Engagements(5)',
      placement: 'right',
      content: $("#ShowActiveEngagements").html(),
      html: true
});

任何人都可以帮助实现这一目标。预先感谢。