All Questions
Tagged with angular-datatables jquery
61
questions
10
votes
2answers
11k views
Cannot read property 'aDataSort' of undefined in angular datatables
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
...
6
votes
3answers
3k views
How to populate table values dynamically based on JSON in datatable angular?
I'm using Angular-Datatables. I need to be able to dynamically create the table based on the data that is being returned. In other words, I do not want to specify the column headers.
Example:
json ...
6
votes
1answer
9k views
Angular Datatable not working with data
I am using Angular-datatable for showing data and its working fine with static data, but when if giving data dynamically its not working. Its taking my hard time.
What i want to achieve is to load ...
5
votes
3answers
19k views
Angularjs Datatable server side pagination
I'm trying to make Angularjs Datatable server side pagination in this link https://l-lin.github.io/angular-datatables/#/serverSideProcessing
So I use this code
$scope.dtOptions = ...
4
votes
3answers
13k views
Angular-Datatables wrong sorting on date
I'm using the angular-datatables plugin in my project, which works fine on all types, except for dates.
Example DESC:
01/01/2016
01/08/2015
01/08/2015
01/09/2015
Example ASC:
31/12/2015
31/10/2015
...
2
votes
1answer
3k views
Angular Datatables: Unknown provider
I'm new to JS and Angular trying to implement the angular-datatable version in my project.
First I used the "angular-way", which turned out to be a bad decision based on performance. I have a lot of ...
2
votes
2answers
3k views
Angular datatables Fixed Columns undefined is not a function
I used angular datatables with fixed column, my HTML code for view as the following:
<div class="row" ng-controller="PerformanceCtrl">
<table id="example" datatable=""
class="...
2
votes
2answers
3k views
Data table integrated with Angular not showing export buttons such as Excel, PDF
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"../node_modules/datatables.net-dt/css/jquery.dataTables.css",
"../node_modules/datatables.net-buttons-dt/css/buttons....
2
votes
1answer
5k views
Angularjs expandable table row
I am using angular 1.4.3 and angular dataTables (here's the link: http://l-lin.github.io/angular-datatables).
My needs is basic. I need to expand the row when it is clicked and all the ng-click's or ...
2
votes
1answer
1k 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> ...
2
votes
1answer
2k views
angular-datatable column draggable out of the table
Is it possible to avoid the column, not to drag out of the data-table view area, as you can make out yourself, what I am talking about from this link
https://l-lin.github.io/angular-datatables/#/...
2
votes
1answer
2k views
Angular 6 - Datatables
I use Angular-Datatables (latest version) with checkboxes
and I would like to define a "Select All" function.
But I don't know how to mark as "checked" all the checkboxes :
All examples founded are ...
2
votes
1answer
937 views
Change Datatables interface language with angular translate switch
in my angularjs app I use angular translate for change language
$scope.changeLanguage = function (langKey) {
$translate.use(langKey);
tmhDynamicLocale.set(langKey);
};
app.config(function (...
2
votes
2answers
2k 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....
2
votes
1answer
1k views
Datatable doesn't refresh correctly after $scope change
Hi I have a problem with Angular and Datatables. I have a table of items and when a socket.io event comes in, I change the $scope. The problem is, that the datatable change the $scope, but it keeps ...
2
votes
1answer
120 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
2k views
angularjs Datatables Cannot Reinitialize Table Error
I am using angularjs Datatables and keep running into an error.
DataTables Warning: table id=DataTables_Table_0 - Cannot reinitialise Datatable.
I have two watches to run the report as the user ...
2
votes
1answer
575 views
Angular Datatable not filtering with column reorder
In JavaScript, I have
$scope.dtOptionsCandidate = DTOptionsBuilder.newOptions()
.withColReorder()
.withLightColumnFilter({
1: {"type": "text"},
2: {"type": "text"},
3: ...
1
vote
2answers
217 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) {
...
1
vote
1answer
604 views
datatable buttons - data from angular
I'm using JQuery Datatables buttons for presenting the data on my page (as it has functions for items like Copy to Clipboard /Export to CSV / Print. Then, for the retrieval of data from the server, I'...
1
vote
1answer
53 views
Is it possible to use php to write in the tables and already use datatable to make tables optimize?
I have more than one table in one view and i use jquery to make them hide and show.i have the array $works which contains arrays of works.each array contains data that are the rows of each table.
also ...
1
vote
2answers
711 views
Angular Js Datatable : In Responsive Plugin ng-click not working during scalling (collapse) mode
I am Having a Problem with my angular js data table. this code works correctly but after adding responsive plugin during collapse my buttons are not working means that ng-click is not working
Here is ...
1
vote
1answer
60 views
Using $watch, table div dissapear
I'm using isteven-multi-select directive for multi-select dropdown. I'm giving it thingsList and it creates checkedList while I choose things.
So at first I used button to confirm selection and ng-...
1
vote
0answers
23 views
How can I load Angular CLI Build Scripts (Non-AMD) using RequireJS
When I build my Angular CLI app I get a list of JavaScript files:
- canvg.js
- es2015-polyfills.js
- index.html
- main.js
- pdfmake.js
- polyfills.js
- runtime.js
- scripts.js
- styles.js
- vendor.js
...
1
vote
0answers
434 views
Angular Datatables and Angular Material Table combinaison
I use Angular 6
I would like to do a table that use user-friendly side of angular material and conveniance of angular-datatables (and datatable in general).
It works fine but I would like to add an ...
1
vote
1answer
378 views
Table data not getting on clicking print in angular-datatable
Here is a fiddle example
Angular datatable - print and pdf example
When no.of column increases whole data is not getting in the print or in the pdf.
For example, I have 30 columns in the table and on ...
1
vote
0answers
305 views
Jquery Datatables not displaying data properly with angular
Used ng-repeat with datatables but the output is a bit weird. It shows the data but then it says that there are no records to display. If I try to search, sort it just empties out the table all ...
1
vote
1answer
1k views
Get whole row data in angular datatable on click
I have a table with adding rows dynamically using ng-repeat
<div class="row form-group">
<div class="col-md-12">
<table id="example" datatable="ng" dt-options="dtOptions" ...
1
vote
1answer
182 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....
1
vote
1answer
4k 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: ...
1
vote
0answers
684 views
In angular datatable , How to filter only rendered data
Note : I have asked a similar question one day before as well , but the problem in this question is different . So i created this question in a separate post without editing the previous one .
I am ...
1
vote
1answer
249 views
How to put “data-title” into <td> without ng-repeat using angular-datatables
I was wondering if is it possible to put a data-title option into my <td> tag using angular-datatables.
I would like to see my result HTML like this:
<table>
<thead>
...
1
vote
0answers
6k views
custom column filter in datatable with angularjs
I have implemented server-side processing datatable with angularjs refering this link. It works great. Now I want to add custom filter in the datatable like this. I have implemented custom search. But ...
1
vote
0answers
311 views
Page number UI on Pagination on AngularJS Datatables
I have configured this module on AngularJS angular-datatables and i have found out that there is a UI error when i try to hover on the page number on the lower right side of the table.. see pic
As ...
1
vote
1answer
463 views
it is good to use angularjs-datatable (Angular 1) instead of only jquery datatable in 2018?
Here is the angularjs-datatables (Angular 1) link
angular-datatables v0.6.x
And Here is jquery-datatables link
jquery-datatables
I think there are no any letest update in angularjs-datatables and ...
0
votes
1answer
3k views
How to combine data and show image in angular datatable
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 ...
0
votes
2answers
5k views
Changing columns dynamically with angular-datatables
I am using angular datatables, an angularized version of the popular jquery datatables library.
Here is my html
<body ng-controller="TestCtrl">
<input type="button" ng-click="...
0
votes
1answer
288 views
.withColVis() is not working in angularjs
when i try to use .withColVis() in angularjs datatable then DTOptionsBuilder.fromSource(...).withPaginationType(...).withColVis is not a function error generate.
check this plunker. plunkr link
If i ...
0
votes
1answer
792 views
Uncaught TypeError: b.$apply is not a function in angular-datatables
I'm having this error: Uncaught TypeError: b.$apply is not a function each time I click the Edit button(should trigger the directive ng-click but it shows the error from above)
Here are the docs
...
0
votes
1answer
255 views
Uncaught TypeError: this.movie.setSheetName is not a function - Angularjs Datatable
Could someone let me know why am i getting this error.
Uncaught TypeError: this.movie.setSheetName is not a function
While using the buttons in Angularjs Datatable mentioned here
https://l-lin....
0
votes
1answer
560 views
why angular-datatables plugin buttons doesn't work
I am using angular-datatables from the following resource: http://l-lin.github.io/angular-datatables/#/welcome
I am trying to run the example of 'with buttons' from here:
http://l-lin.github.io/...
0
votes
1answer
16 views
Angular 7 - Datatables - Upload button
I need to add the "upload" button on my table:
Here is my TS file with dtOption :
...
order: [[3, 'desc']],
dom: 'Blfrtip',
stateSave: true,
buttons: [...
0
votes
1answer
28 views
Angular Datatables - fnInfoCallback equivalent
Scenario in jQuery
Formerly in jQuery I would achieve the following depicted in the image below:
Each Tab contains a datatable and the value shown against the tab name is the count of the number of ...
0
votes
0answers
35 views
clear saved state in angular-datatables
How do I clear the saved state of angular-datatable?
I have "table" in html with "dt-options" pointing to the dtOptions variable in controller. table has the "id" - "...
0
votes
0answers
41 views
$ is not defined in Angular Datatable with Angular build
I know many questions already exist saying $ is not defined. But my problem is different.
I implemented Angular Datatable inside my Angular 8 project using the documentation.
Everything works fine ...
0
votes
0answers
18 views
Angular Datatables Responsive extension not working
Responsive table view not working.
Not change on browser mobile view same table is displayed with scroll..
<table datatable [dtOptions]="dtOptions" class="row-border hover" width="100%">
...
0
votes
0answers
471 views
Pagination not working after reinitialize the data-table instance in angular 8
I am trying to paginate data from an array in angular 8, but there is a weird problem I m facing. I am paginating data by dtTrigger as shown in the example https://l-lin.github.io/angular-datatables/#/...
0
votes
1answer
139 views
datatables responsive rowcallback
I use datatable V1.10 and angular-datatables V7
My data table shows 3 action buttons (edit, delete, read).
It works nice
But in a responsive mode like the following :
it fails :
this is the code ...
0
votes
2answers
798 views
How to create Hyperlink for the table row in angular data tables
In my Scenario, I wants to apply the hyperlink for the full table row, right now its working fine for table columns in a row but I wants to apply it to the whole row not only to columns.
In my case ...
0
votes
0answers
398 views
Header and columns are not aligned when I am using DataTable Fixed Header
I am using https://github.com/l-lin/angular-datatables plugin in my angular-4 project.
https://github.com/l-lin/angular-datatables/issues/1129
I have used DataTable Fixed Header Extension by ...
