angular-datatables is a wrapper for jQuery dataTables. It exposes an Angular module that provides a datatable directive along with datatable options helpers.

learn more… | top users | synonyms

0
votes
0answers
16 views

How to give functionality to the table options with angular data?

I have the following procedure to fill the table of angular-datatables angular.module('altairApp') .controller('dt_default', function($compile, $scope, $timeout, DTOptionsBuilder, ...
0
votes
0answers
16 views

Why not fully run the demo example of the “data-table” with official site?

I was able to display the data in the "data-table", but does not work sorting through the fields, and do not display additional buttons after selecting row in "data-table" (edit or delete) This is my ...
0
votes
0answers
19 views

Check All - only filtered data in datatables

need help with CHECK ALL in angular datatables. if i use filter for show only specific data and click CHECK ALL, it's checked everything, not only filtered data. here is code <table id="...
0
votes
1answer
49 views

How to use a webService in this function. $resource, with angularjs?

I have the following controller that serves me to fill a table with DataTable. But there I use a json array, I want to consume a webservice that returns a json object. http://localhost:8080/system/...
0
votes
1answer
32 views

Angular js Datatables footer add links

I want to add links in the footer part of the Datatable where pagination details comes i.e. I want to add the links in between of 'showing 1 of 20 entries in 40' and the pagination's pre next buttons....
0
votes
1answer
26 views

Buttons added to a table generated with AngularJS Datatables are not executing functions in the current escope

EDIT I tried to update the function actionButtons(): function actionButtons(data, type, full, meta) { vm.project[data.id] = data; var html = '<button class="btn btn-info btn-xs" ng-click="...
0
votes
0answers
35 views

Promise Chaining/Race Conditions Server-side AngularJS DataTables

We are using server side pagination on an AngularJS DataTable. This is the way that we are using form the page here that works great if just populating one table: https://github.com/l-lin/angular-...
1
vote
1answer
39 views

How could I update a Datatable in modal using AngularJS

I have been stuck in something simple that I think I haven't solved yet because of a lack of experience. Here is the catch I have a very simple controller which load the data from a service when I ...
0
votes
1answer
57 views

AngularJS - Default Sort Order not rendering table on search

I have the following code that I have created for sorting and searching. When I add aaSorting I am able to get the initial table to sort by my specified column. However, on search the table ...
0
votes
2answers
56 views

Multiple (Two) ng-repeats on DataTable in AngularJS

Now I know this is a very common topic but I'm not getting any solutions from the SO questions that I saw till now. I'm currently working on a page that has a DataTable whose data is coming from the ...
0
votes
0answers
28 views

Error: [ng:areq] Argument 'scope' is required datatable angular

I have used datatable in angular. I am trying to delete item. First time it works completely fine but second time it shows an error. Error: [ng:areq] Argument 'scope' is required Below is my code. ...
0
votes
0answers
30 views

Two tables Angular DataTables in one page

Is it possible to put two tables Angular DataTables in one pages ? If it's true you can give me a small example , because it shows that the only first table
0
votes
1answer
66 views

Using DTOptionsBuilder to hide header table using Angular DataTables

Normally according to the documentation of Datatables I think it is necessary to give a value false to fixedHeader .withOption('fixedHeader', false) but it does not work
0
votes
0answers
30 views

how to make cell click event using angular js with jquery datatable?

i dont have any idea about this. but i was bind and display angularjs datatable below my code $scope.gridOptions.columnDefines = []; var sts = $http({ url: WebUrl + "Home/Load_Report", ...
0
votes
0answers
18 views

Showing Nested Objects In a Data table

I'm building a view so that users can view their projects and the status of the projects, I have the following object structure This is the object structure in code if it is easier to visualize ...
0
votes
0answers
68 views

how to set page number in angular2-datatable

I am using angular2-datatable to display data. Source : https://www.npmjs.com/package/angular2-datatable I want to know if is there any way to set particular page number in pagination.
0
votes
1answer
42 views

Two tables angular-datatables in one page with datatable=“”

It is possible to use two tables angular-datatables in one page with the attribute datatable="" ? The page only takes into account the first table who has datatable="".
0
votes
0answers
22 views

value breaks in Filter Dropdown in ColumnFlterWidget jQuery Datatable Plugin

I am using a jQuery ColumnFilterWidget.js plugin in my Angular Datatable. I am facing an issue with one of the Filter widget where I want to filter Company name. For example, I have a company name in ...
0
votes
0answers
69 views

Unable to select default values of drop downs of prime ng datatables

I have a requirement of primeng datatable, I have rendered a column of primeng datatable with drop downs, I need to select default values of drop downs. Please help me in selecting default values of ...
0
votes
0answers
18 views

How to count number of rows in a table in angular.datatables.min.js without using JQuery?

How to count number of rows in a table in angular.datatables.min.js without using JQuery? With JQuery I have the solution but I don't want to use JQuery.
0
votes
1answer
468 views

SyntaxError: Unexpected token <at eval (<anonymous>) Angular 2

I am using datatable by the following link https://www.npmjs.com/package/angular2-datatable I have followed every step of this link However I am getting an error as shown below SyntaxError: ...
0
votes
0answers
46 views

Angular-Datatables not accepting any ajax DTOptions

I have this piece of code. I have tried 3 types of ajax calling, but no one works. I am getting the same error: var getTableData = function() { var defer = $q.defer(); $http.get('api/...
0
votes
0answers
125 views

Is Inline adding of a row is possible in Primeng Datatable

I need to enable inline adding of a row to primeng datatble. Please help. I need to add new row of text boxes or combination of text boxes and selection lists as a new row to prime ng datatable upon ...
0
votes
0answers
12 views

How to assert values in an angular datagrid using coded ui test automation?

I plainly recorded a coded UI test in verifying the values in an angular datagrid. I just learned that coded UI recordings won't be able to read anything from it. I badly need help on how to search ...
1
vote
0answers
71 views

document.getElementById returns null for invisible rows in angularjs datatable

In my Angularjs App, I'm creating dynamic table that also have a checkbox column and header of that column is also a checkbox for selectAll purpose. Here is code of table creation var dt = ...
0
votes
1answer
24 views

Change default order column with checkbox - datatable js

Is there a way of changing the sort column in datatable by checking a checkbox ? When I click a "search button" to get data from database, I want the sort to be whatever the checkboxes as checked, ...
0
votes
0answers
42 views

th and td width changes on hide and show columns

using angular datatables but not using colvis functionality of angularjs datatables instead using ng-show/hide to hide columns. The show/hide functionality works as expected but the width of th and td ...
0
votes
1answer
39 views

adding an ng-click event for angular datatable td

Previously I added an ng-click event to call $event.stopPropagation: <td ng-click="$event.stopPropagation();"> <button type="button" class="btn btn-default margin-right-5" ui-sref="...
1
vote
1answer
46 views

Angular Datatables saveState not working

When i click a specific entry from 2nd page of my datatable it redirects me to another page, and when i come back it redirects me to page 1. The issue here is i want to save the state and i want to ...
1
vote
1answer
289 views

Cannot read property 'aDataSort' of undefined for dynamic datatable

all from this http//jsfiddle.net/v6ruo7mj/1/ I created a dynamic data table, now I wanted to add the pagination, so I used jQuery data table and angular data table. but it was throwing Cannot read ...
2
votes
1answer
48 views

Hide/Remove an extra dropdown widget from jQuery ColumnFIlterWidget plugin in Angular Datatable

Basically I am trying to achieve 2 things here. I am using columnFilterWidget.js jQuery DataTable Plugin here for column filtering. I am having some issues in "Excluding" one Extra dropdown which is ...
2
votes
1answer
61 views

Angular Datatables Sometimes Fails To Load

I have a angular datatable which sometimes just fails to load with the following error: angular.js:13708 TypeError: Cannot read property 'mData' of undefined at HTMLTableCellElement.<anonymous> ...
1
vote
1answer
66 views

horizontal scrollbar issue for angular dataTables

I am using angular dataTable where I need to provide horizontal scrollbar. I used the following code to provide option to get horizontal Scrollbar. $scope.dtOptions = DTOptionsBuilder.newOptions()....
0
votes
0answers
303 views

Search by column md-data-table

I have a data table with search by column, but I only can filter by the results that I have in the first page. How can I filter by all results of the query? it's possible? I have edited the post, I ...
1
vote
1answer
50 views

How can I override the default button style of Angular Datables buttons

When I add buttons to my Angular Datatables, it creates them with default themeing, which is causing the buttons to look different from the rest of my page (see Column Visibility button in the image ...
0
votes
0answers
15 views

Formatting issues with Angular Datatables when adding buttons

I have added column visibility options to my Angular Datatables, however, when I add the buttons, it throws my left and right header controls onto separate lines (as shown below) How can I overcome ...
0
votes
1answer
22 views

TypeError: _parentScope.$watchCollection is not a function Angular - datatables

Getting this error when trying to load Angular-datatables. Includes: <script src="//code.jquery.com/jquery-3.1.1.min.js"></script> <script src="https://cdn.datatables.net/1.10.13/...
1
vote
2answers
58 views

angular-datatables not sorting when formatting date

I have an issue in sorting date with angular-datables plugins when I want to format them. Let me explain : When I'm using <td>{{date}}</td> The result is : When I'm using : {{date | ...
0
votes
0answers
50 views

update contentChildren queryList to reorder columns in table

I am making a datatable in which I would like to dynamically reorder the columns. export class myTableComponent { @Input() data: any[]; @ContentChildren(Column) myColumn: QueryList&...
1
vote
0answers
146 views

Custom server side filtering using angular datatables withFnServerData

I'm trying to use server-side processing with angular datatables. In order to filter results, I can't use the column filter plugins because I want to implement my own custom search fields and a ...
1
vote
1answer
46 views

How to disable initial Ordering of data in Angular Datatables?

I am using angular datatables and I have only one column. When I bind it, the data comes in an ascneding order, while I want to display it in the order I recived it. Can someone please help. ...
0
votes
0answers
15 views

DataTable plugin causes unable to load other JQuery plugins like Zebra date picker in Rails

I am adding DataTable for my rails app. In the process I am getting several errors: dataTables.bootstrap.min.js?body=1:6 Uncaught TypeError: Cannot read property 'defaults' of undefined dataTables....
1
vote
0answers
79 views

Angular datatables - missing sort arrows when columns defined with DTColumnBuilder

I'm using Angular-datatables and when I define the table using the angular renderer I can see nice arrows for sorting column. <table class="dataTable row-border hover" datatable="ng" dt options="...
0
votes
0answers
22 views

Angular-Datables incrementing watchers indefinately each refresh until browser crash

I am fairly new to AngularJS and therefore, I guess I don't totally understand how certain things work. However, I have implemented an Angular-Datatable which populates 279 records. On each record (...
1
vote
1answer
170 views

AngularJS Datatables with display length but without pagination

I'm working with angular-datatables. My end goal is to have a table with no pagination but with a "link" that allow to "show 25 more entries" (and without using the select length "10", "25", "50","...
1
vote
0answers
71 views

Binding inside the angular directive template with Isolate scope object

I am trying to add datatable in angular with directives. I am trying to add dt-options in the directive based the parameter passed in attributes and then setting the same to the partial html that is ...
0
votes
1answer
92 views

angular-datatables - ng-repeat does not update datatable with new rows when $onChanges event called in component controller

I have made an angular-datatable component to be used in my project (using angular 1.5) and have bound the data it is populated with (the angular way) to an array of objects that gets updated in the ...
0
votes
0answers
47 views

Input and select disabled without reason

I'm migrating a code from jquery to angular. I'm making a request to the server for some data to set a table (using angular-datatables). Everything works fine and the data is recived and shown but at ...
0
votes
0answers
46 views

angular-datatables format data of a perticular column in responsive mode

$scope.dtOptions = DTOptionsBuilder.fromSource('data.json') .withPaginationType('full_numbers') .withOption('createdRow', createdRow) .withOption('responsive', true); $scope.dtColumns = [ ...
0
votes
0answers
93 views

Laravel Angular AdminLTE

I am going to implement user-activation function in Laravel Angular AdminLTE. But I don't know how to implement this funnction. I added activation button on the action field of user list table. Here's ...