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
7
votes
3 answers

Angular Material - Data table with multiple sort

I have a requirement for a datatable to be sorted by one column, then by second column. Is there something in Angular Material that supports that? Any help will be highly appreciated.
Vin
  • 101
  • 1
  • 1
  • 4
6
votes
4 answers

Angular 5 Material Data Table sorting not working

So I have a working Angular Material Data Table in my Angular 5 app, but when I tried adding the sorting functionality (based on the offical docs here: https://material.angular.io/components/table/overview#sorting and an example here:…
Tempuslight
  • 1,004
  • 2
  • 17
  • 34
6
votes
2 answers

Multiple Mat-Paginator in a single page (Angular 5 Data Table)

I have two Angular Data Tables in a single page. I am fetching the data from a Web Server (Async). I have created a an independent component for this. My first table is correctly displayed and binded to the sort and paginator but the second one…
Umer
  • 149
  • 1
  • 1
  • 8
6
votes
3 answers

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 data: [ { "id": "2", "city": "Baltimore", …
Met-u
  • 555
  • 7
  • 18
6
votes
2 answers

Paging is reset when data is updated with Angular-DataTables

We have a Web form using Angular DataTables (DataTables 1.10.10 / angular-datatables - v0.5.3). We are feeding the data with a JSON coming from the backend. The table is configured with paging, and data feeding the table is reloaded manually every…
Jose Parra
  • 877
  • 9
  • 23
6
votes
1 answer

how to customize angular-datatables' style

I'm new to angular, trying to use angular-datatables library http://l-lin.github.io/angular-datatables/#/angularWay, but don't know how to control the style of the table, cause they are all angular directives, is it possible I can touch the HTML…
vincentf
  • 1,419
  • 2
  • 20
  • 36
6
votes
1 answer

Angular Store Data and Reload Datatable

I'm using datatable: https://l-lin.github.io/angular-datatables and bootstrap: https://angular-ui.github.io/bootstrap/ this what i try to achive: after add data using modal from bootstrap and save it, the datatable is reload (without reload current…
ssuhat
  • 7,387
  • 18
  • 61
  • 116
6
votes
1 answer

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 data from ajax in datatable. This following code…
Manwal
  • 23,450
  • 12
  • 63
  • 93
6
votes
3 answers

Angular datatables with filter column width

I tried to set width for column in angular datatables with filters. But width of the column not changed. I try following var columnsSpecification = [ { type: 'text', bRegex: true, bSmart: true }, { …
Michael Lin
  • 61
  • 1
  • 1
  • 3
5
votes
3 answers

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 installed all packages related to datatable and…
deepak bhardwaj
  • 534
  • 3
  • 9
  • 21
5
votes
4 answers

Angular DataTables: $(...).DataTable is not a function

Angular Version: 6.0.4 ~ Node Version: 10.4.1 ~ NPM Version: 6.1.0 I've seen this question asked many times, but not answered. After following these instructions to install angular-datables, and trying to use the directive on a table, as in their…
Ace
  • 1,028
  • 2
  • 10
  • 22
5
votes
1 answer

How to use server side option in Angular DataTables with the Angular way example?

I'm trying to use Angular DataTables with the server side processing option, but when I try to enable it in their "Angular way example", only the first request gets rendered, the subsequent requests (paging, ordering, searching) are sent but they…
Marcos Dimitrio
  • 6,651
  • 5
  • 38
  • 62
5
votes
1 answer

How to pass data received from service to angular datatable

I have just started working on Angular 4 and I am trying to render some data which I receive from angular service in json format, into angular-datatable, but whichever option i try its not working for me. The table is coming, the columns are coming,…
pranay anand
  • 713
  • 4
  • 13
  • 26
5
votes
1 answer

Implementing custom search in datatables.net with angular 4

I'm trying to implement a simple custom search on a column. This is well documented at https://datatables.net/examples/plug-ins/range_filtering.html. However my (so far) only problem is accessing the $.fn.dataTable.ext.search array, to add and later…
Michael Sørensen
  • 395
  • 1
  • 3
  • 14
5
votes
1 answer

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-dataTable. The function should retrieve the data of…
Jordy
  • 165
  • 1
  • 3
  • 12
1
2
3
…
43 44