我正在尝试在我的角度 js 项目中使用角度数据表,但似乎遗漏了一些东西,有人可以帮我吗
链接: -
<script src="~/Scripts/angular.min.js"></script>
@*<script src="~/Scripts/angular-route.min.js"></script>*@
<script src="~/Scripts/angular-resource.min.js"></script>
<script src="~/widget/angular-datatables/angular-translate.min.js"></script>
<script src="~/widget/angular-datatables/angular-datatables.util.js"></script>
<script src="~/widget/angular-datatables/angular-datatables.factory.js"></script>
<script src="~/widget/angular-datatables/angular-datatables.options.js"></script>
<script src="~/widget/angular-datatables/angular-datatables.renderer.js"></script>
<script src="~/widget/angular-datatables/angular-datatables.directive.js"></script>
<script src="~/widget/angular-datatables/angular-datatables.instances.js"></script>
<script src="~/widget/angular-datatables/angular-translate.min.js"></script>
<script src="~/widget/angular-datatables/angular-datatables.js"></script>
html代码:-
<table datatable dt-options="dtOptions" dt-columns="dtColumns" dt-instance="dtInstance" class="row-border hover"></table>
js代码:-
var dtJson = [{
"id": 860,
"firstName": "Superman",
"lastName": "Yoda"
}, {
"id": 870,
"firstName": "Foo",
"lastName": "Whateveryournameis"
}, {
"id": 590,
"firstName": "Toto",
"lastName": "Titi"
}];
$scope.RecordMasterModel.gridData = dtJson;
$scope.dtInstance = {};
$scope.dtOptions = DTOptionsBuilder.fromSource(dtJson).withPaginationType('full_numbers');
$scope.dtColumns = [
DTColumnBuilder.newColumn('id').withTitle('ID'),
DTColumnBuilder.newColumn('firstName').withTitle('First name'),
DTColumnBuilder.newColumn('lastName').withTitle('Last name'),
];
渲染后的页面: -