angular-datatables

angular-datatables rendering (repeating) twice

淺唱寂寞╮ 提交于 2019-12-24 04:03:22
问题 I am using angular datatables https://l-lin.github.io/angular-datatables and noticed that the ng-repeat is done twice. I noticed it with the following directive. <tr ng-repeat="order in vm.orders track by order.id" repeatlogger> app.directive('repeatlogger', function() { return function (scope, element, attrs) { console.log(scope.$index); } I am using the Angular way, see HTML tab at https://l-lin.github.io/angular-datatables/#/angularWay <table datatable="ng" class="row-border hover"> <thead

How to combine data and show image in angular datatable

旧时模样 提交于 2019-12-23 04:36:42
问题 I am using angular datatable to create tables and following is my working plnkr - http://plnkr.co/edit/pQ0TrNEjzyXmvFcIvkSr?p=preview Here I want to merge two column data to one, i.e. to show Address 1 & Address 2 as Address something like - addr1 - addr2 and also (2) to show image in table column instead of link. I tried - DTColumnBuilder.newColumn('addr1' - 'addr2').withTitle('Address 1'), and DTColumnBuilder.newColumn('addr1 - addr2') but no luck(throwing error) Please help me with this.

Angular ngx-datatable multiple data in one column

喜夏-厌秋 提交于 2019-12-22 05:01:02
问题 I've got a little problem adding more then one prop to column in ngx-datatable: columns = [ { prop: 'semesterName', name: 'סמסטר', resizeable: false }, { prop: 'eventName', name: 'מפגש', resizeable: false }, { prop: 'when', name: 'מועד מפגש', resizeable: false }, { prop: 'lecturerName', name: 'מרצה', resizeable: false }, { prop: 'hugName', name: 'חוג', resizeable: false }, ]; I need to display two props in one column. Like 'eventName' and 'when' in one column. The model: export class Course {

Angular ngx-datatable multiple data in one column

馋奶兔 提交于 2019-12-22 05:00:08
问题 I've got a little problem adding more then one prop to column in ngx-datatable: columns = [ { prop: 'semesterName', name: 'סמסטר', resizeable: false }, { prop: 'eventName', name: 'מפגש', resizeable: false }, { prop: 'when', name: 'מועד מפגש', resizeable: false }, { prop: 'lecturerName', name: 'מרצה', resizeable: false }, { prop: 'hugName', name: 'חוג', resizeable: false }, ]; I need to display two props in one column. Like 'eventName' and 'when' in one column. The model: export class Course {

Datatables change interface language

≯℡__Kan透↙ 提交于 2019-12-19 01:41:08
问题 I am currently using angular-datatables. How can I see the interface of the table in other languages? I mean the "Show entries", "Search:", "Showing 1 to 10 of 20 entries" literals fore example in Spanish. 回答1: You need to define a language struct like this (danish implementation, what I am using in my angular-datatables apps) : var language = { "sEmptyTable": "Ingen tilgængelige data (prøv en anden søgning)", "sInfo": "Viser _START_ til _END_ af _TOTAL_ rækker", "sInfoEmpty": "Viser 0 til 0

Cannot read property 'aDataSort' of undefined in angular datatables

耗尽温柔 提交于 2019-12-18 13:09:58
问题 I am trying to implement angular-datatables in my project but it returns "TypeError: Cannot read property 'aDataSort' of undefined I am using Angular js version 1.4.9. Jquery version 2.1.1 DataTable version 1.10.10 Refrence site angular-datatables My Html Code <div class="col-md-12" ng-controller="WithAjaxCtrl as showCase"> <table datatable="" dt-options="showCase.dtOptions" dt-columns="showCase.dtColumns" class="row-border hover"></table></div> My Angular js Controller code angular.module(

Datatable is not generating after call function in angular js

血红的双手。 提交于 2019-12-13 20:09:23
问题 I am displaying data in datatable. So when I land on the page without function call than it is working but when I want to generate datatable after calling function than it is not working. HTML: <div class="widget-body no-padding"> <table datatable dt-options="datatables.standardOptions" dt-columns="datatables.standardColumns" class="table table-striped table-bordered table-hover" width="100%"> <thead> <tr> <th>Name</th> <th>Age</th> <th>Section</th> <th>Gender</th> </tr> </thead> </table> <

AngularJS Datatable: responsive doesn't works

本秂侑毒 提交于 2019-12-13 15:18:21
问题 I'm using angular-datatables with responsive table, but doesn't' works: the table look like without responsive option. Module: (function () { 'use strict'; angular .module('app.myapp',['datatables']) .config(config); function config($stateProvider) { $stateProvider.state('app.myapp', { url : '/', views : { 'content@app': { templateUrl: 'app/main/myapp.html', controller : 'MyController as vm' } } }); } })(); Controller: (function () { 'use strict'; angular .module('app.myapp') .controller(

Angular Datatables - reload data

你离开我真会死。 提交于 2019-12-13 04:57:51
问题 I use angular 6 with angular-datatables. I try to define a "rerender" button in order to reload data like this exemple : https://l-lin.github.io/angular-datatables/#/advanced/rerender My datatable is more complex than the one described in the exemple and I get an issue with individual columns filters use: This is my table before rerender action with filters use, all works fine: But when I use these filters after data are reloaded, this is the result : My non-visible column is now visible and

Fetch data from mysql database into datatable using jquery

五迷三道 提交于 2019-12-13 04:19:50
问题 I have developed a mysql database and a php code. In php code i am using jQuery (ajax call) to fetch the data from the database. In html file i have printed datatable's table head only. Rest data i want to fetch from the database. code is given: HTML CODE: <div class="container box"> <div class="table-responsive"> <div id="alert_message"></div> <table id="example" class="display"> <thead> <tr> <th>Student ID</th> <th>Student Name</th> <th>Email ID</th> <th>Mobile</th> <th>Status</th> </tr> <