Angular datatables Fixed Columns undefined 不是函数

Question

我使用 angular datatables with fixed column，我的 HTML 代码查看如下：

<div class="row" ng-controller="PerformanceCtrl">
  <table  id="example" datatable="" 
          class="stripe row-border order-column" 
          dt-options="dtOptions">
        <thead>
            <tr>
                <th>First name</th>
                <th>Last name</th>

            </tr>
        </thead>
        <tbody>
        <tr>
            <td>Tiger</td>
            <td>Nixon</td>
        </tr>
   </tbody> 
 </table>

我的控制器代码如下：

'use strict';

app.controller('PerformanceCtrl', ['$scope', 'DTOptionsBuilder', 'DTColumnDefBuilder', function ($scope, DTOptionsBuilder, DTColumnDefBuilder) {

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

}]);

对于我的 index.html 文件，我按以下顺序包含数据 tables 库：

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="modules/performance/controller.js"></script>
<link rel="stylesheet" href="bower_components/angular-datatables/dist/plugins/bootstrap/datatables.bootstrap.css">
<script src="bower_components/DataTables/media/js/jquery.dataTables.js"></script>
<script src="bower_components/angular-datatables/dist/angular-datatables.min.js"></script>
<script src="bower_components/angular-datatables/dist/plugins/fixedheader/angular-datatables.fixedheader.min.js"></script>
<script src="bower_components/angular-datatables/dist/plugins/fixedcolumns/angular-datatables.fixedcolumns.min.js"></script>

<link rel="stylesheet" type="text/css" href="bower_components/DataTables/media/css/jquery.dataTables.min.css">

这是我的模块：

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

但是我得到了这个错误 undefined is not a function 作为这张图片：

如果我从 table 的选项中删除以下代码，没有错误但没有 fixedColumns：

.withFixedColumns({
        leftColumns: 1
    });

我需要修复我的第一列，我该如何修复这个错误？

Answer 1

您刚刚忘记将 ng 属性添加到数据表。

下面是工作屏幕截图...

点击here for Live Demo

Answer 2

我post这个问题就github，l-lin回答就可以了。

我错过了以下内容：

<script src="vendor/FixedColumns-3.0.4/js/dataTables.fixedColumns.min.js"></script>
<link rel="stylesheet" type="text/css" href="vendor/FixedColumns-3.0.4/css/dataTables.fixedColumns.min.css">

我应该下载 FixColumns jQuery.

Angular datatables Fixed Columns undefined 不是函数

Angular datatables Fixed Columns undefined is not a function

javascript

datatable

jquery

angularjs

angular-datatables