Stack Overflow
Stack Overflow

Questions tagged [angular-datatables]

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

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

jQuery dataTables heavily manipulates the DOM, thus it conflicts with Angular which also continously are altering the DOM. This makes jQuery dataTables sorting, filtering and so on causing errors - in practice impossible to use.

angular-datatables ensures that jQuery dataTables manipulates the DOM the "angular way" so all features - even the long range of plugins - works out of the box.

project site -> https://l-lin.github.io/angular-datatables/#/welcome

650 questions
5
votes
5 answers

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 DTColumnDefBuilder: $scope.dtColumnDefsTabs = [ …
N.Zukowski
  • 600
  • 1
  • 12
  • 31
5
votes
2 answers

How to render a column with model binding using angular-datatables?

Is there a way to render a column with model binding in textbox using DTColumnBuilder? Something like: DTColumnBuilder.newColumn('ColumnName').withTitle('Column Name').renderWith(function (data) { return '
nix
  • 3,262
  • 2
  • 21
  • 36
5
votes
3 answers

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 = DTOptionsBuilder.newOptions() .withOption('ajax', { …
Ali-Alrabi
  • 1,515
  • 6
  • 27
  • 60
5
votes
2 answers

Angular Datatable Set Searchable False

I'm trying to set search disable on specific column. Im using this angular datatable server side. https://l-lin.github.io/angular-datatables usually on jquery i can just: columns:[{data:"foo", name:"foo", searchable:false}] I've tried use: …
ssuhat
  • 7,387
  • 18
  • 61
  • 116
4
votes
2 answers

Angular Datatables Cannot use import statement outside a module Error

I am trying to add angular datatables to a new test project. I have used the following commands: ng new test-app cd test-app ng add angular-datatables I get the following output from the ng-add command: ~/projects/test-app (master) $ ng add…
jeconner
  • 398
  • 1
  • 2
  • 10
4
votes
3 answers

Angular Datatables with *ngIf shows error

I am using Angular Datatables to show some tabular data. I have added an *ngIf condition to the table, so that it will not be visible until the data is loaded completely. The table code looks like the following :
Happy Coder
  • 4,255
  • 13
  • 75
  • 152
4
votes
1 answer

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 data variable binding. as soon as i get data from…
bagya
  • 383
  • 1
  • 11
  • 38
4
votes
2 answers

Angular | Typescript | Data Table not Paging/Sorting

I am having some issues with a data table - the background is that I need to make multiple simultaneous API calls through an observable subscription which are then combined into a single data structure. I need to pass this data through into the Data…
Draper
  • 73
  • 7
4
votes
1 answer

how can I update the number of columns in angular-datatables with server-side rendering. version 6.0.0 or higher

I am having trouble getting my angular-datatable to show a new column list after a rerender. I have followed the example shown in the docs for rerendering and I can get the table to rerender. I am able to manipulate certain features like searching…
J.Langford
  • 225
  • 3
  • 11
4
votes
1 answer

Datatables not reloading in angularjs

I have a requirement where i have to add particular products to the datatables and rebind the datatable so its count is updated. I am using MVC and angularjs 1.6.2 I am creating the datatable as follows:
Sana Ahmed
  • 462
  • 3
  • 25
4
votes
1 answer

Angularjs angular datatables changing column width on DTColumnDef

Version: AngularJS 1.6.4, angular-datatables 0.5.6 Question: Not being able to change column width with .withOption('width', '20%') I have looked through most of the SO questions but still haven't found the answers for it. Here is my sample code:…
Ron
  • 67
  • 1
  • 10
4
votes
2 answers

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 the really long names to wrap into multiple…
av0000
  • 1,917
  • 6
  • 31
  • 51
4
votes
0 answers

Change Page Charset with Javascript

I have a single-page app which specifies the UTF-8 charset with a "meta" tag within the head: ... ... On the "reports" page within the app, I use a table library which also exports the report as a CSV file.…
Alvin Thompson
  • 5,388
  • 3
  • 26
  • 39
4
votes
1 answer

Angular datatable search filter on "search" press

I am using server side processing with angular datatable. Is there anyway to turn off auto filtering in the search box and make it to search/filter (ajax call to server side) only when search button is click. Hope someone experience in angular…
vincentsty
  • 2,963
  • 7
  • 34
  • 51
4
votes
4 answers

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 22/10/2015 I'm using the Angular Way with a date…
Mortenkp25
  • 171
  • 1
  • 3
  • 14
1 2
3
…
43 44