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
24
votes
2 answers

Multiple material pagination in one component doesn't work in Angular

I try to create a component which includes two dataTables each of it with another dataSource. My Tables aren't visible right after the component is loaded because of my *ngIf so that i couldn't use ngAfterViewInit() instead i'm using a solution a…
14
votes
4 answers

Angular Material Table Error: Can't bind to 'mdHeaderRowDef' since it isn't a known property of 'md-header-row'

I'm trying to convert a CDK data-table to a Material Design styled data-table (see: https://material.angular.io/components/table/overview), but when I change the cdk prefixes to md, I get the following error... Uncaught Error: Template parse…
12
votes
3 answers

@angular/platform-browser/platform-browser"' has no exported member 'HammerLoader'

I tried to run "ng build", I'm getting following error. "ERROR in node_modules/@angular/material/core/typings/common-behaviors/common-module.d.ts(9,10): error TS2305: Module '"../Frontend/node_modules/@angular/platform-browser/platform-browser"' has…
Manojb86
  • 271
  • 2
  • 5
  • 13
12
votes
2 answers

Angular datatable and JSON structure issue

Here is my issue: The datatable plug-in only accepts an array I believe but my API returns an object with an array. I am trying to figure out if I need to extract this info (how?) or if the plug-in has some methods that do that for me (there is…
Max
  • 1,289
  • 3
  • 26
  • 50
12
votes
2 answers

In Angular JS how to disable column sort feature for selected columns

In jquery data table I can disable specific column sort by "aoColumnDefs": [{ 'bSortable': false, 'aTargets': [0, 7] }] Anyone know how to do this in angular JS?
vinothini
  • 2,606
  • 4
  • 27
  • 42
11
votes
8 answers

Using full featured Datatables Plugin with Angular 6

I am trying to add Datatables plugin (datatables.net) facility with my angualar 6 project. I am not sure how should I include the necessary css, js and other required files to my project with npm installer. After selecting my necessary options I am…
Fahim Uddin
  • 681
  • 2
  • 10
  • 36
11
votes
7 answers

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 version:3.2.1 - datatables version:1.10.15 -…
Ali-Alrabi
  • 1,515
  • 6
  • 27
  • 60
10
votes
3 answers

Angular ngx-datatable multiple data in one column

I've got a little problem adding more then one prop to column in ngx-datatable: columns = [ { prop: 'semesterName', name: 'סמסטר', resizeable: false }, { prop: 'eventName', name: 'מפגש', resizeable: false }, { prop: 'when', name: 'מועד מפגש',…
10
votes
2 answers

Default Column are not displayed in Material Design Data Table (iamisti/mdDataTable)

I am trying to populate the inside of dynamically with an array from controller. This piece of code doesn't seem to work properly: hide-column-by-default="c.selector_hidden" When loading the table default columns are…
jhon dano
  • 660
  • 6
  • 23
10
votes
2 answers

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 bind the data using same functionality with column…
3 rules
  • 1,359
  • 3
  • 26
  • 54
10
votes
2 answers

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 DataTable version 1.10.10 Refrence…
Sharma Vikram
  • 2,440
  • 6
  • 23
  • 46
10
votes
2 answers

$elem.hide is not a function in angular-datatable

I want to use pagination plugin angular-datatable .I installed it with bower but it does n't work.It gives the below error TypeError: $elem.hide is not a function at Object.showLoading…
Thusithz
  • 736
  • 1
  • 12
  • 33
9
votes
3 answers

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 Spanish.
Egidi
  • 1,736
  • 8
  • 43
  • 69
8
votes
0 answers

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 sorting…
Ortal
  • 333
  • 1
  • 7
  • 21
7
votes
1 answer

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 select second one it's not displaying but columns…
bagya
  • 383
  • 1
  • 11
  • 38
1
2 3
43 44