Javascript 角度数据表未定义的固定列不是函数
我使用的HTML代码如下所示:Javascript 角度数据表未定义的固定列不是函数,javascript,jquery,angularjs,datatable,angular-datatables,Javascript,Jquery,Angularjs,Datatable,Angular Datatables,我使用的HTML代码如下所示: <div class="row" ng-controller="PerformanceCtrl"> <table id="example" datatable="" class="stripe row-border order-column" dt-options="dtOptions"> <thead> <tr>
<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
});
}]);
<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">
对于我的index.html
文件,我按照以下顺序包括了datatables库:
<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">
但是我得到了这个错误未定义不是一个函数
,如下图所示:
如果从表的选项中删除以下代码,则不会出现错误,但不会出现fixedColumns:
.withFixedColumns({
leftColumns: 1
});
我需要修复第一列,如何修复此错误?您刚刚忘记将
ng
属性添加到数据表中
下面是工作屏幕截图
点击我把这个问题贴在上面,然后l-lin在上面回答
我遗漏了以下内容:
<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
});
}]);
<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">
我应该下载jQuery。请检查此项;ine
angular.module('showcase.withFixedColumns',['datatables','datatables.fixedcolumns'])
。你注入了这个datatables.fixedcolumns'
?@RameshRajendran是的,我注入了它,我在问题中添加了我的模块我想我已经通过我的回答解决了你的问题。请让我知道,如果您怀疑演示链接不适用于我,并且我添加了ng
属性,以及ng repeat
与示例数组,则会出现相同的错误