Tagged Questions
angular-datatables is a wrapper for jQuery dataTables. It exposes an Angular module that provides a datatable directive along with datatable options helpers.
1
vote
0answers
18 views
Angular2 data table with ajax calls
before I start using Angular/Angular2 I always use jQuery DataTable with ajax calls because when I divide the data with client-side paginations and get the data in advance it makes my page very slowly,...
0
votes
0answers
15 views
ng-table adding custom attribute to header element
I am using ng-table in my angular 1.6 application, I want to add custom attribute to the header i.e. th element like
<th scope='col'> heading</th>
Is there any way it can be ...
0
votes
0answers
25 views
Angularjs DataTables Warning: table id=DataTables_Table_0 - Cannot reinitialise Datatable
I am using angularjs Datatables and keep running into an error.
DataTables Warning: table id=DataTables_Table_0 - Cannot reinitialise Datatable.
I have tried to use bDestroy and bRetrieve to fix ...
0
votes
2answers
41 views
Angular-Datatable: How to unsanitize data in table cell
I am using Angular Datatables for displaying records. But it seems that this table plugin automatically sanitizes the values in a cell.
For example if my data is "Test Record >" it will ...
1
vote
1answer
27 views
Include custom directives on DTColumnBuilder renderwidth
Is there a way for DTColumnBuilder.newColumn.renderWidth to include custom directives? Here is a draft code of what I want to achieve.
DTColumnBuilder.newColumn('reportStructureName').withTitle('...
0
votes
0answers
24 views
Angular DataTables serverSide update options and do new request
I am using angular-datatables very successfully in many cases. But now I got a special one: the data comes serverside and i have an external filter-field. The filter shall filter over different ...
0
votes
2answers
63 views
hide/show column on conditionally in datatable AngularJS?
I'm show the user list using datatable angularjs. I want to hide show column using conditionally.suppose role is onther then last column is not show and role is admin then show this last column.how ...
1
vote
2answers
106 views
+50
How to bind data using angular js and datatable with extra row and column
Hello I am creating one application using angularjs and ASP.NET MVC with datatable js.
I have implemented table showing data using datatable with angular js by help of this article.
But I want to ...
0
votes
0answers
51 views
Passing a variable into a filter with typescript in Angular
I want to be able to filter based on user selection. If I hard code in the filter it works but when I try to use 'selectSeachColumn' as a variable in the filter I get the error message: "Cannot read ...
1
vote
0answers
29 views
How to integrate angular2-datatable with angularfire2 observable array
Hi I'm trying to implement angular2-datatable for my Angular 2 app, but I have a question: How can I pass de array info from angularfire2 observable to the data-table?, here is an image of the example ...
0
votes
0answers
86 views
Mouse-over event on a p-dataTable row (primeNg)
I am currently developing the user interface of a web application using angular2. I have a p-dataTable component (primeNG) and I would like to call a function when the mouse is over a row of this p-...
1
vote
0answers
39 views
Passing custom parameters in render function
I have below code to create column:
DTColumnBuilder.newColumn(null).withTitle('Validation').renderWith(validationRenderer)
and render function:
function validationRenderer(data, type, full, meta) {
...
0
votes
0answers
60 views
Custom sort with Angular Datatables
I am using jQuery Datatables (or actually Angular Datatables v0.5.x) and want to implement my own column sorting function.
This is what I want to do:
When a column header is clicked I want to know ...
1
vote
2answers
36 views
Row draw corrupt renderWith function
I am rendering the column with below render function:
DTColumnBuilder.newColumn(null).withTitle('Validation').renderWith(validationRenderer)
function validationRenderer(data, type, full, meta) {
...
0
votes
0answers
19 views
How to add JSON data from Solr indexing to Angular Datatables dynamically?
Okay I have indexed my data via solr which is of JSON format now, and have displayed it in a table via angular. Now I want to add the table contents into Datatables. What should be the changes to the ...
0
votes
0answers
154 views
NGX-Datatable with Angular 2 - Wrap Column's Name
I have a ngx-datatable with Angular 2 that has some very long column names.
I would like to duplicate what they do with Auto Height for row (Link to Documentation) but would settle for just getting ...
0
votes
0answers
34 views
How to add buttons for each record using datatable and angularjs?
I have the following table which filled in this way, I data users returns. To this table I must add a new column calling the actions and this column goes for each record that is in table 2 buttons of ...
0
votes
1answer
61 views
Get 404 error Server Error in '/' Application using web api with angularjs mvc?
i am create small demo for getting user list.i am using for this web api with angularjs mvc c#. i am view this list for used jquery datatable with angularjs.
i am trying for view list of user then ...
0
votes
0answers
23 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
28 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
64 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
37 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
38 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
59 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
74 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
75 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
92 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
58 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
64 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
97 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
51 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
26 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
...
1
vote
0answers
133 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
61 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
31 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
178 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
39 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
955 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
99 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
289 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
16 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
94 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
25 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
64 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
61 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
98 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
376 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
55 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
97 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
152 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()....
