angular-datatables is a wrapper for jQuery dataTables. It exposes an Angular module that provides a datatable directive along with datatable options helpers.
0
votes
1answer
43 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
1answer
31 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
19 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
21 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
404 views
How to overwrite Materialize CSS with browser default CSS?
I'm making a web application using Javascript, AngularJS and Materialize CSS for my UI. Materialize CSS has been a great tool so far but I have a problem.
I want to use Angular-Datatables for my ...
0
votes
0answers
21 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
1answer
23 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
1answer
24 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
11 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
17 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
22 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
31 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="".
1
vote
3answers
1k views
angular-datatables : How to remove “Show N entries” but leave pagination
There is a project that uses angular-datatables. Now I need to remove "Show N entries" dropdown from a page with such table, but leave pagination untouched. For now i've found this way -
withOption('...
2
votes
2answers
264 views
How to create a jasmine unit test when using angular-datatables
I am using angular-datatables in my project and I would like to write a Jasmine/Karma unit test for it.
This is code from my controller:
$scope.dtOptions = DTOptionsBuilder.fromSource('/api/books/')...
0
votes
0answers
33 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
12 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
674 views
Datatables change interface language
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 ...
0
votes
1answer
186 views
How to use ColumnFilter or LightColumnFilter with angular-datatables error b.dataTable.columnFilter is not a function
I want to use columnFilter or LightColumnFilter with angular-datatables but I get the following error b.dataTable.columnFilter is not a function
I know that in the website example https://l-lin....
0
votes
1answer
148 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
26 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
45 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
9 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
59 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
123 views
AngularJs Datatables not able to iterate columns on html using ng-repeat
Hi I am working on Angularjs Datatables and trying to iterate the columns and rows using ng-repeat but its not working. I checked the document but not able to find the exact way to pass columns and ...
2
votes
1answer
45 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 ...
1
vote
1answer
30 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 ...
0
votes
0answers
39 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 ...
1
vote
1answer
198 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 ...
0
votes
1answer
31 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="...
0
votes
2answers
592 views
Angular datatables hide column
I am willing to hide some columns (actually from the example below the column with index 6) from user view but still want to have them in the DOM to make search access the values.
I use ...
1
vote
1answer
51 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
38 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
144 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
3answers
504 views
Angular - Datatable click row event
I am working with AngularJS and angular-datatable and I want to work with the event in a row, I have setup the controller to listen the event but it is not work. My code is :
html
<div class="...
1
vote
1answer
38 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
14 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
15 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
40 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
1answer
77 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
40 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
1answer
41 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.
...
1
vote
0answers
68 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 ...
0
votes
2answers
356 views
angular datatables ng-repeat doesn't work
I'm using angular-datatables but when I'm using ng-repeat, the functions of datatables doesn't work (sort, search, count, etc)
HTML:
<table datatable="" class="table table-striped table-...
0
votes
0answers
14 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....
0
votes
1answer
204 views
How to create Angular-DataTable in typescript application
Hi Guys i am working on typescript, angular application.
For creating datatable i have used Angular-DataTable .
From there i have created one sample application. I have created one Controller In ...
1
vote
0answers
54 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="...
1
vote
1answer
130 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","...
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
0answers
54 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
69 views
Styling filter and pagination controls of angular-datatables using withBootstrapOptions
I'm trying to affect the appearance of the filtering and pagination controls of angular-datatables and found out that it can be done using the withBootstrapOptions of the framework. However, I can't ...
