数据表角固定列不确定是不是一个函数 [英] Angular datatables Fixed Columns undefined is not a function

问题描述

我用角数据表与固定的列，我的HTML code的观点如下：

I used angular datatables with fixed column, my HTML code for view as the following:

<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>

和我的控制器code如下：

And my controller code as the following:

'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的文件，我包括数据表库，按以下顺序：

And for my index.html file, I included datatables libraries as the following order:

<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']);

但我得到这个错误不确定是不是一个函数，因为这图片：

如果我删除以下code从表中，没有错误的选择，但没有fixedColumns：

If I removed the following code from options of table, No error but no fixedColumns:

.withFixedColumns({
        leftColumns: 1
    });

我需要让我的第一列固定的，如何解决这个问题？

I need to make my first column fixed, How can I fix this error ?

推荐答案

我张贴的 github上和l林答案。

I post this question on github, and l-lin answer on it.

我错过了，包括以下内容：

I missed including the following:

<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的。

这篇关于数据表角固定列不确定是不是一个函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！