All Questions

Ask Question
Tagged with
69 questions
Newest
Active
Bountied
Unanswered
Filter by
Sorted by
Tagged with
8
votes
0answers
4k views

Custom sorting with Angular DataTables directive

I am using Angular DataTables within my app. So far everything works well, except when I try to add custom sorting. I have a set of data that returns a hyphen, "-" if there is no data. Here is my ...
6
votes
4answers
10k views

Can't bind to 'dtOptions' since it isn't a known property of 'table'.

I'm working to get angular way work and use this code https://l-lin.github.io/angular-datatables/#/basic/angular-way - node version:v6.10.3 - npm version:v6.10.3 - angular version:4.3.2 - jquery ...
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
1answer
1k views

How to replace all the columns dynamically in Data Table using Angular2+?

My requirement to replace the all the columns when ever the changes/event is happening outside of the Data Table. data table is displaying for the first time with selected columns(from event). if i ...
5
votes
1answer
3k 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-...
4
votes
1answer
157 views

How to refresh the datatable inline editor after getting data from service?

I have added inline editing data features for my datatable. I'm using service call to get the latest data and I'm binding to the datatable using dtOptions. I'm using datatable " ". intially empty ...
3
votes
1answer
4k views

Cannot find module DataTablesModule with Angular Datatable in Angular 6

I am not able to include DataTableModule into our Angular 6 project with datatable. I am using angular cli 6 with datatable. My code is showing error that cannot find module DataTablesModule. I have ...
3
votes
3answers
218 views

How to add empty data row in Datatable using angular2+?

I want to add empty data row. My requirement is like columns are dynamic. I have tried using dtInstance to add the row. it's throwing some error. here is the link https://stackblitz.com/edit/how-to-...
3
votes
1answer
629 views

Unable to display data in data table dynamically. ( Angular 6 )

I am using angular data tables. I am trying to change data in them. I have 6 methods performing different calculations and pushing data into array. I have 6 buttons. On button click, I am calling ...
3
votes
1answer
1k views

Export Filtered/Searched Data into Excel, from an Angular datatable

I am trying to export the data in my angular data table into an Excel sheet. I am successful in exporting the whole Json object into an Excel sheet. What I am looking for is, to get the searched/...
2
votes
1answer
7k 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 ...
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
1answer
3k views

Uncaught TypeError: Cannot read property 'version' of undefined at buttons.flash.js when run datatable angular directive

I install the data table angular directive from the https://l-lin.github.io/angular-datatables/#/getting-started install the data table button extension from https://l-lin.github.io/angular-...
2
votes
2answers
3k views

How to fill an angular material datatable with data from a json?

I have a project in angular, and have an angular material datatable. So, I want to fill it with data from a json. Because when I try to fill it simply nothing is showed, as if empty, but if I fill the ...
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
1answer
40 views

Datatable 1st column is always sortable

The first column of the angular datatable is showing the sortable icon, even when I have added the DTColumnDefBuilder.newColumnDef(0).notSortable() in dtColumnDefs.
2
votes
1answer
1k views

Angular datatable select filter not working with 0 or false value

I'm using Angular datatable in Server side processing mode(Ajax) And use Light Column Filter plugin to filter data in each columns. HTML <table datatable dt-options="dtOptions" dt-columns="...
2
votes
1answer
1k views

How to make ng-click work in a Angular DataTables column builder?

So I have this code: Controller: vm.dtColumns = [ DTColumnBuilder.newColumn('product_code').withTitle('Code'), DTColumnBuilder.newColumn('product_name').withTitle('Name'), ...
2
votes
1answer
2k 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","...
2
votes
0answers
54 views

datatable take too long when rendering about 300 rows that contain some conditions in angularjs

I'm using angular-datatables component to show data as grid in my AngularJs project. But a problem that I encountered is when I added a operation column that contain some link to delete , update and ...
2
votes
1answer
1k views

Angular-Datatables + Angular-xeditable : editable row canceled

When combining angular-datatables and angular-xeditable, editable row is canceled when adding a new row. This is the jsfiddle. Sample operation is as follows. (1) This is initial state. (2) editing ...
2
votes
0answers
562 views

angularjs datatable overflow

I have problem on display datatable. It overflows like in the picture. I already tried withOption('autoWidth', false), but still not fix. my html <form class="bv-form" name="datagridForm" ng-...
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
104 views

Why UI not displaying properly

I'm new to angular and I don't know why it looks odd (table not looks like proper ) while running snipet, it doesn't give me look and feel like datatable. I want to give it UI like this, i try to ...
1
vote
0answers
28 views

Angular Datatable Sort numbers with suffix(k, Mn, Bn)

I am using datatable with angular 8. I need to sort the column with number having suffix as k, Mn, Bn. Example: <table> <thead> <tr><th>Number</th><tr> </...
1
vote
0answers
149 views

Angularjs datatable how to render table after the ajax call

I got a project require angularjs datatable (i-lin) to populate large amount of data. Therefore, i decided to use server side processing and Ajax call to get my PHP data populate into the angularjs ...
1
vote
0answers
25 views

DataTable search in not used field

I want to search in a datatable field that not used as columns in serverSide mode. $scope.dtColumns = [ DTColumnBuilder.newColumn('title').withTitle('title') .renderWith((data, type, full) ...
1
vote
1answer
55 views

Angularjs dataTable stateSave not woking on chage routes

I'm using Angularjs datatable and enable save state with .withOption('stateSave', true). when I refresh the page, everything works fine But when I change routes, and came back, stateSave not working. ...
1
vote
0answers
309 views

Angular DataTables sending three request initially to server

I'm using Angular DataTables library. Every thing is working fine(properly loading data in datatables) but i don't know why initially it sending 3 http request to the server on given url . I have ...
1
vote
0answers
819 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 ...
1
vote
0answers
229 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 ...
1
vote
0answers
508 views

angular-datatables: with server-side ajax data twice return (Angular 1.x + TypeScript)

I'm working with angular-datatables in a project: Angular 1.x + typescript. Render mode with: server-side ajax. angular-datatables latest version!. The problem that I have the argument: data, ...
1
vote
1answer
753 views

How can I use two angular data-tables on the same angular controller?

I have a datatable. When I click on a row of the datatable a bootstrap modal pops up and among other things there is another datatable inside. However I can't make it work. No datatable shows up when ...
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
824 views

Add select dropdown in DOM of angular datatables and refresh after fire change action

I add select dropdown in DOM of angular-datatable existing in github Click here for Referecnce app.controller('dataTableCrtl', dataTableFunction); app.js function dataTableFunction($scope, $state, ...
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
4answers
3k views

How to catch an click event on pagination buttons next/previous of the DataTables Angular 5

How to catch click event in pagination buttons previous/next in angular 5. unfortunately I got the code in jquery. jquery code: var table = $('#example').DataTable({ drawCallback: function(){ $('....
0
votes
3answers
475 views

Angularjs datatable plugins are not binding second time

I am using angularjs datatable with 2 plugins named withButton and withColumnfilter. I am loading plugins files in resolve using oclazyload. somehow when I load page first time for that datatable ...
0
votes
2answers
930 views

Reload the bootstrap datatable after every minute?

I am using bootstrap server side datatable in my angularjs application and now i want to reload the data of that datatable after every minute. So how can i do it? I am using the following code: HTML: ...
0
votes
1answer
23 views

Angular / DataTables: TypeError: Cannot read property 'aDataSort' of undefined with 2 API calls

I've spent several hours trying to sort this issue out and I cannot find an answer that fits my case. Issue I want to display in a DataTable data composed using two API calls. Those calls are ...
0
votes
1answer
392 views

How to apply button().trigger() outside DOM on angular datatables (l-lin) in AngularJS

I have created a table like below with dtInstance: <table datatable="ng" dt-options="dtOptions" dt-column-defs="dtColumns" dt-instance="dtInstance" class="row-border hover"> </table>...
0
votes
1answer
1k views

Angular Material datatable show [object Object]

I'm trying to implement datatable component using Express and Firebase DB. Here's how my service request data gettext() { return this.http.get<nomchamp[]>(this.url) .map(res => { ...
0
votes
1answer
1k views

Angular Data Tables Custom Column Filter Not Working

I am Trying to Angular data tables Custom search Column When Excute the Below script It displays Un Caught Error Column is not defined Error Message is displayed. SCRIPT: This is my angular js code ...
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
601 views

Angular-Datatables - How do I make table sortable using default settings?

I am creating a plunker for another question but I cannot get angular-datatables to sort without configuration. I have code from a project that responds to sorting when users click on header columns ...
0
votes
0answers
40 views

how to add custom Javascript to Jhipster ( i.g : /jquery.dataTables.js )

I m running a Jhipster application and get stuck and blocked while trying to add angular datatable framework to my Jhipster application . here is the angular datatable main setup setup : (this is for ...
0
votes
1answer
22 views

Angular datatable as a component

I am using Datatable for Angular and using it in a template like this : <manager-table [data]="items" [columns]="columns" [loading]="isLoading" ></manager-table&...
0
votes
0answers
16 views

Datatable header click is not sorting the table, instead shows “No data available in the table”

Datatable image When the page is loaded I get the datatable but when I click on the header to sort the table it shows "No data available in the table"
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
39 views

Angular Datatable (separate search filters) Custom Filters in Data table

Set Custom Filters in Data table. I'm using > Angular datatables(https://l-lin.github.io/angular-datatables/#/advanced/custom-range-search) I'm setting separate pipe for search filters (for field) in ...

1
2