Question

我正在使用带有 FixedColumns 选项的 DataTable angular 插件，但是当我加载表格时出现错误，我不知道如何修复它！：

错误：this.s未定义._fnConstruct / .. /dataTables.fixedColumns.min.js:13:452

这是我的控制器：

$scope.persons= [];
    $scope.dtOptions = DTOptionsBuilder.newOptions()
       .withOption('scrollY', '300px')
        .withOption('scrollX', '300px')
        .withOption('scrollCollapse', true)
        .withOption('paging', false)
         .withFixedColumns({
             leftColumns: 1
         })

        $resource('app/data.json').query().$promise.then(function (persons) {
        $scope.persons= persons;
    });

查看：

<table id="showcase-fixedcolumns" datatable="ng" dt-options="dtOptions" dt-column-defs="dtColumnDefs" class="row-border hover">

<tr ng-repeat="person in persons">
...
</tr>
</table>

加载数据并且滚动工作正常，但第一列未固定

Answer 1

确保在jquery，angular＆amp;之后包含两个插件种子文件。数据表已加载

<script src="{yourPath}/js/dataTables.fixedColumns.js"></script>
<script src="{yourPath}/angular-datatables.fixedcolumns.min.js"></script>

和CSS（如果需要）

<link rel="stylesheet" href="{yourPath}/css/dataTables.fixedColumns.css">

您必须将插件作为模块包含在内

var app = angular.module('myApp', ['datatables', 'datatables.fixedcolumns']);

DataTable角度固定列

1 个答案: