Tag: angular datatables

角度数据表固定列未定义不是函数

我使用带有固定列的角度数据表 ,我的HTML代码用于查看如下: First name Last name Tiger Nixon 我的控制器代码如下: ‘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文件,我按以下顺序包含了datatables库: 这是我的模块: var app = angular.module(‘MyApp’, [‘datatables’, ‘datatables.fixedcolumns’]); 但我得到这个错误undefined is not a function这个图像undefined is not a function : 如果我从表的选项中删除了以下代码,没有错误但没有fixedColumns: […]

如何在角度数据表中组合数据和显示图像

我正在使用angular datatable来创建表,以下是我的工作plnkr – http://plnkr.co/edit/pQ0TrNEjzyXmvFcIvkSr?p=preview 在这里,我想将两个列数据合并为一个,即将地址1和地址2显示为地址类似于 – addr1 – addr2以及(2)以在表列而不是链接中显示图像。 我试过了 – DTColumnBuilder.newColumn(‘addr1’ – ‘addr2’).withTitle(‘Address 1’),和DTColumnBuilder.newColumn(‘addr1 – addr2’)但没有运气(抛出错误) 请帮我解决一下这个。 谢谢。 我的脚本 – var dd = []; dd = [ {“Img”: “http://sofzh.miximages.com/javascript/animal head masks-011 (4).jpg”, “Name”: “Tiger Nixon”, “Age”: “61”, “addr1”: “234 My addr 1”, “addr2”: “234 My addr 2”}, {“Img”: “http://sofzh.miximages.com/javascript/animal-animes.png”, “Name”: “Garrett Winters”,”Age”: “63”, “addr1”: […]

如何根据数据表角度中的JSON动态填充表值?

我正在使用Angular-Datatables 。 我需要能够根据返回的数据动态创建表。 换句话说,我不想指定列标题。 例: json数据: [ { “id”: “2”, “city”: “Baltimore”, “state”: “MD”, }, { “id”: “5”, “city”: “Boston”, “state”: “MA”, }, { “id”: “8”, “city”: “Malvern”, “state”: “PA”, }, ] 列标题: id,城市,州 有人可以帮忙吗?

无法读取角度数据表中未定义的属性“aDataSort”

我试图在我的项目中实现angular-datatables,但它返回“TypeError:无法读取属性’aDataSort’的undefined 我在用 Angular js版本1.4.9。 Jquery版本2.1.1 DataTable版本1.10.10 参考网站 角数据表 我的Html代码 我的Angular js控制器代码 angular.module( ‘admin.package’, [ ‘ui.router’, ‘ui.bootstrap’, ‘datatables’, ‘datatables.bootstrap’, ‘ngResource’, ‘plusOne’ ]).controller(‘WithAjaxCtrl’, WithAjaxCtrl); function WithAjaxCtrl(DTOptionsBuilder, DTColumnBuilder,$http,UserService,localStorageService) { UserService.obj.get(‘packages/index’,localStorageService.get(‘userkey’).token).then(function (results) { if(results.status==200){ var vm = this; vm.dtOptions = DTOptionsBuilder.fromSource(results.data.packages) .withPaginationType(‘full_numbers’); vm.dtColumns = [ DTColumnBuilder.newColumn(‘id’).withTitle(‘id’), DTColumnBuilder.newColumn(‘package_name’).withTitle(‘Packag Name’), DTColumnBuilder.newColumn(‘amount’).withTitle(‘Amount’), DTColumnBuilder.newColumn(‘package_duration’).withTitle(‘Amount’), DTColumnBuilder.newColumn(‘currency’).withTitle(‘validity’) ]; console.log(vm.dtColumns); console.log( vm.dtOptions); }else{ alert(‘You are not […]

angular-datatable列可拖出表格

是否有可能避免列,而不是拖出数据表视图区域,因为你可以自己弄清楚,我正在通过这个链接谈论https://l-lin.github.io/angular-datatables /#/ withColReorder 当您尝试将列拖远到数据表时。 我在官方组件网站上提出了这个问题https://github.com/l-lin/angular-datatables/issues/496 (以防万一提出问题,更好地解释我在谈论的内容)