Angular2 with Datatables

在Angular2中使用数据表

我需要在angular2组件的数据表中显示数据。 为此我安装了datatables.net和datatables.net.bs。 我有Uncaught TypeError的错误：无法读取未定义的属性’aDataSort’

提前致谢

我的angular2代码是

ngOnInit() { this.tableOptions ={ autoWidth: true, order: [], } this._userService.getUsers() .then(userDetailsListVOs => {this.userDetailsListVOs = userDetailsListVOs; if (this.tableWidget) { this.tableWidget.destroy(); } this.tableOptions = { retrieve:true, dom:'rt', data: userDetailsListVOs, columns: [ { title: 'ULA ID', data: 'ulaId',className: 'all'}, { title: 'City', data: 'city',className: 'none',sorting: false }, { title: 'Actions',className: 'all',sorting: false, render: function ( row,type,data,meta) { var edit = " Edit " var view = " [routerLink]=['/view-profile',"+data.ulaId+"]" return `
Tools 
 Edit 
 
 View 
 
`; } } ], rowCallback: (row: Node, data: any | Object, index: number) => { $('.actionView', row).unbind('click'); $('.actionView', row).bind('click', (e) => { e.preventDefault(); e.stopPropagation(); this.router.navigate(['/view-profile', data.ulaId]); }); $('.actionEdit', row).unbind('click'); $('.actionEdit', row).bind('click', (e) => { e.preventDefault(); e.stopPropagation(); this.router.navigate(['/edit-profile', data.ulaId]); }); return row; } } this.shipmentsTable = $(this._elRef.nativeElement.querySelector('table')); this.tableWidget = this.shipmentsTable.DataTable(this.tableOptions);}, error => this.errorMessage = error); } 

我的Html代码是

我有一个错误