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

How do I upgrade Angular2-datatables to rc6?

I'm trying to upgrade my Angular2 app from rc5 to rc6 and am having trouble with the angular2-datatable directives. I moved them to the NgModule definition under the declarations section, but still get the following error when running the…
Andrew Patzer
  • 255
  • 1
  • 4
  • 9
0
votes
1 answer

Fixed table header with horizontal scroll bar in datatable

I have a dynamic angular-datatable something similar to this https://l-lin.github.io/angular-datatables/#/withFixedHeader, also table got horizontal scroll bar. Currently fixed header datatable plugin not supporting scroll. Any idea how to implement…
0
votes
2 answers

Angular DataTable - Custom Pagination & Info

I am new to Angular JS. I am trying to implement datatables. I am referring the link below. http://l-lin.github.io/angular-datatables/ Now i need to implement some custom changes to the datatable configurations. Eg. Pagination options i need to…
0
votes
0 answers

ng-if/ng-show for datatables

I have converted my tables from angular to datatables. Now I'm unable to filter out the rows. …
matrixguy
  • 286
  • 1
  • 6
  • 30
0
votes
1 answer

display:none with angular datatables

I have a table which should be hidden when the page loads and is shown only on selection of a checkbox.
Feature
I also tried it in css file #C…
matrixguy
  • 286
  • 1
  • 6
  • 30
0
votes
2 answers

How to hide lengthChange in Angular-Datatables?

enter image description here I want to remove that filter for rows. I already tried vm.dtOptions = DTOptionsBuilder.newOptions().withPaginationType('full_numbers') .withDisplayLength(10) …
jjjjjj
  • 35
  • 6
0
votes
1 answer

How to create Angular-DataTable in typescript application

Hi Guys i am working on typescript, angular application. For creating datatable i have used Angular-DataTable . From there i have created one sample application. I have created one Controller In which i have added below code. constructor(protected…
0
votes
1 answer

How to create a callback function on angular datatable select

I am having a problem on how to trigger an event when a certain data is selected using angular datatable select. I want to enable Edit and Delete Button when there is a selected row. Here is my code: app.controller('SampleController',…
0
votes
0 answers

How to set the search input in angular datatables

Is there a way to set the value of the search box that autogenerates with the tables, because I have a form and in that form is a select and I want to put the value that the user selects from that select into the search box. I know that…
Bill_Data23
  • 659
  • 2
  • 14
  • 30
0
votes
1 answer

Styling filter and pagination controls of angular-datatables using withBootstrapOptions

I'm trying to affect the appearance of the filtering and pagination controls of angular-datatables and found out that it can be done using the withBootstrapOptions of the framework. However, I can't seem to find the option to affect the styling of…
methon.dagger
  • 505
  • 9
  • 28
0
votes
2 answers

In table, get selected row id in array

In table every row assosiated with checkbox and have option to check all row. I want to get selected rows id of table in array. Here is plunker code. HTML:
user4853315
0
votes
1 answer

angularjs datatables TypeError: this.renderDataTableAndEmitEvent is not a function

Hello I'm new to angularjs, I've got an issue while using Angularjs datatables downloaded from http://l-lin.github.io/angular-datatables/#/zeroConfig, getting error like TypeError: this.renderDataTableAndEmitEvent is not a function I've arranged the…
0
votes
0 answers

Yadcf Angular Integration

I have worked with jQuery Datatables and Yadcf in previous projects. This time I wanted to integrate Yadcf in Angular-Datatables. Normally you would attach the yadcf initialization right after the datatable or do this in a separate line with…
Xemnas90
  • 1
  • 1
0
votes
1 answer

Angular Datatable Server Side pagination filtering, totalrecords, data are undefined

I'm trying to implement Angular Datatable Server side pagination but I'm getting the following error: TypeError: Cannot read property 'length' of undefined When I console the result in factory all 89 records are there, When it comes to controller…
Wcan
  • 840
  • 1
  • 10
  • 31
0
votes
1 answer

How to overwrite Materialize CSS with browser default CSS?

I'm making a web application using Javascript, AngularJS and Materialize CSS for my UI. Materialize CSS has been a great tool so far but I have a problem. I want to use Angular-Datatables for my tables but I can't because they're being manipulated…
Telmo F.
  • 167
  • 1
  • 4
  • 16