Javascript 如何将ColumnFilter或LightColumnFilter与角度数据表一起使用错误b.dataTable.ColumnFilter不是函数
我想在角度数据表中使用columnFilter或LightColumnFilter,但出现以下错误Javascript 如何将ColumnFilter或LightColumnFilter与角度数据表一起使用错误b.dataTable.ColumnFilter不是函数,javascript,jquery,angularjs,datatables,angular-datatables,Javascript,Jquery,Angularjs,Datatables,Angular Datatables,我想在角度数据表中使用columnFilter或LightColumnFilter,但出现以下错误b.dataTable.columnFilter不是函数 我知道在网站示例中,它显示您需要添加这些脚本 <script src="vendor/datatables-columnfilter/js/dataTables.columnFilter.js"></script> <script src="vendor/angular-datatables/dist/plugi
b.dataTable.columnFilter不是函数
我知道在网站示例中,它显示您需要添加这些脚本
<script src="vendor/datatables-columnfilter/js/dataTables.columnFilter.js"></script>
<script src="vendor/angular-datatables/dist/plugins/columnfilter/angular-datatables.columnfilter.min.js"></script>
这就是我创建表格的方式
vm.dtOptionsEstatus = DTOptionsBuilder.fromSource('data')
.withPaginationType('full_numbers')
.withOption('createdRow', createdRow)
.withOption('stateSave', true)
.withColumnFilter({
'0': {
type: 'text'
},
'1': {
type: 'text'
},
'2': {
type: 'text'
},
'3': {
type: 'text'
},
'4': {
type: 'text'
}
})
// Add Bootstrap compatibility
.withBootstrap()
// Active Responsive plugin
// .withOption('responsive', true)
.withScroller()
// .withOption('scrollY', 100)
.withOption('scrollX', 200)
// .withOption('bFilter', false)
;
库
dataTables.columnFilter.js
不是标准dataTables插件的一部分,因此在通常可以获得其他datatable插件的CDN上不可用。你可以从这里得到它
还要确保你的应用程序依赖于datatables.columnfilter
模块
angular.module('showcase.withColumnFilter', ['datatables', 'datatables.columnfilter']).controller('WithColumnFilterCtrl', WithColumnFilterCtrl);
我对使用bower下载的库有异议。使用以下链接下载的库修复了我的问题
angular.module('showcase.withColumnFilter', ['datatables', 'datatables.columnfilter']).controller('WithColumnFilterCtrl', WithColumnFilterCtrl);