DataTables响应选项不起作用

Question

dataTables插件的响应选项不起作用。我称之为：

var rectangleTable = $('#rectangle-table').dataTable({
    data: defaultData,
    scrollX:true,
    scrollY:true,
    responsive:{
        details:{
           display: $.fn.dataTable.Responsive.display.childRow,
           type:'column'
        }
    },
    columns:columns,
    "bDestroy": true
});

尽管被加载到页面上，但响应式脚本似乎无法正常工作。我创建了一个示例，其中我发现display:none将被设置为td中tbody标记的内联样式，这些标记旨在隐藏。但是，当我在我的应用程序中加载它时，我发现加载了$.fn.DataTable.Responsive但没有应用任何内联更改。

我按以下顺序加载脚本：

<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.0.0/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.0.0/js/responsive.bootstrap.min.js"></script>

这些是我正在使用的css文件：

<link rel="stylesheet" type="text/css" href="css/fontAwesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/r/bs-3.3.5/jq-2.1.4,dt-1.10.8/datatables.min.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap/css/bootstrap.min.css">
<link href="https://cdn.datatables.net/responsive/2.0.0/css/responsive.bootstrap.min.css" rel="stylesheet"/>