jquery数据表与引导选项卡冲突

Question

我无法通过bootstrap tabbed href解决数据表问题。 I当从数据表加载表时，引导选项卡不起作用。我无法调试datatable插件或bootstrap中的错误

数据表

$(document).ready(function () {
    var dataTable = $('#employee-grid').DataTable( {
        "processing": true,
        "serverSide": true,
        "columnDefs": [ {
              "targets": 0,
              "orderable": false,
              "searchable": false 
        } ],
        "ajax":{
              // .....
                }
            });
        });

如果我删除了这一行 - 那么引导标签就可以了。另一方面，数据表无法正常工作。

"serverSide": true,

引导标签

<ul class="nav nav-tabs" id="myTab">
    <li class="active">
        <a href="#1" data-toggle="tab">Manage Section</a>
    </li>
    <li>
        <a href="#2" data-toggle="tab"><i class="fa fa-envelope fa-fw"></i>Add Section</a>
    </li>
</ul>