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
0
votes
1 answer

AngularJS - Default Sort Order not rendering table on search

I have the following code that I have created for sorting and searching. When I add aaSorting I am able to get the initial table to sort by my specified column. However, on search the table completely goes away, that is removed from the…
Vahe
  • 1,699
  • 3
  • 25
  • 76
0
votes
2 answers

Multiple (Two) ng-repeats on DataTable in AngularJS

Now I know this is a very common topic but I'm not getting any solutions from the SO questions that I saw till now. I'm currently working on a page that has a DataTable whose data is coming from the controller and by using ng-repeat. However, the…
HardikT
  • 735
  • 1
  • 8
  • 24
0
votes
0 answers

Error: [ng:areq] Argument 'scope' is required datatable angular

I have used datatable in angular. I am trying to delete item. First time it works completely fine but second time it shows an error. Error: [ng:areq] Argument 'scope' is required Below is my code. $scope.dtInstance = {}; $scope.reloadData =…
Dishant
  • 19
  • 3
0
votes
1 answer

Using DTOptionsBuilder to hide header table using Angular DataTables

Normally according to the documentation of Datatables I think it is necessary to give a value false to fixedHeader .withOption('fixedHeader', false) but it does not work
Sagiliste
  • 27
  • 1
  • 5
0
votes
1 answer

Is Inline adding of a row is possible in Primeng Datatable

I need to enable inline adding of a row to primeng datatble. Please help. I need to add new row of text boxes or combination of text boxes and selection lists as a new row to prime ng datatable upon clicking add new button instead of opening pop up…
rao
  • 11
  • 2
  • 7
0
votes
1 answer

Change default order column with checkbox - datatable js

Is there a way of changing the sort column in datatable by checking a checkbox ? When I click a "search button" to get data from database, I want the sort to be whatever the checkboxes as checked, like 1 and 3 or only 2 or only 3 and so…
Henrique Targao
  • 3
  • 5
0
votes
1 answer

th and td width changes on hide and show columns

using angular datatables but not using colvis functionality of angularjs datatables instead using ng-show/hide to hide columns. The show/hide functionality works as expected but the width of th and td changes. I tried table-layout:fixed; but that…
Nirav Parmar
  • 451
  • 3
  • 12
0
votes
1 answer

TypeError: _parentScope.$watchCollection is not a function Angular - datatables

Getting this error when trying to load Angular-datatables. Includes:
Mark Evans
  • 45
  • 1
  • 1
  • 8
0
votes
0 answers

update contentChildren queryList to reorder columns in table

I am making a datatable in which I would like to dynamically reorder the columns. export class myTableComponent { @Input() data: any[]; @ContentChildren(Column) myColumn: QueryList; } I have initially a queryList of…
user3409988
  • 427
  • 2
  • 7
  • 16
0
votes
1 answer

angular-datatables - ng-repeat does not update datatable with new rows when $onChanges event called in component controller

I have made an angular-datatable component to be used in my project (using angular 1.5) and have bound the data it is populated with (the angular way) to an array of objects that gets updated in the parent scope. Upon changing the parent scope…
StackOverflowAvgJoe
  • 3
  • 2
0
votes
0 answers

md-table md-row-select Select all row checkbox not checked when there are some disabled rows in table [AngularJS]

I've table of data with some rows disabled due some conditions. When I select all rows by selecting/checking checkbox of first column, All enabled rows gets selected. But the checkbox used to select all these rows are not checked. Due to same…
Enigma
  • 749
  • 1
  • 13
  • 35
0
votes
5 answers

How to show only one row in angular datatable?

I am new to angularjs, i have 25 rows to show, but for first time loading i am trying to show only one row, there will be one expand button to show remaining rows, then on click of expand i want to show all the rows. Here is the code. …
user3660375
  • 83
  • 1
  • 2
  • 11
0
votes
1 answer

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 but it just does not want to sort in plunkr. Am…
Vahe
  • 1,699
  • 3
  • 25
  • 76
0
votes
1 answer

Sortable Angular Datatables - Fitlerable table renders fine on first load but produces no records on subsequent filters

I have a dataset (rendered in Angular Datatables) that I want to display for items that are categorized by "filterTags". Each time I run a query I need to have to first fetch new data based on fitlerTag. The problem is, when I sort data, I keep…
Vahe
  • 1,699
  • 3
  • 25
  • 76
0
votes
1 answer

angular-datatables the deferRender not working

I am using angular datatables with fnPromise and my data is about 10,000 rows also i use scrollY and i want to render only the visible rows for performence My code: vm.dtOptions = DTOptionsBuilder.fromFnPromise(function() { var defer =…
Avishai Peretz
  • 112
  • 1
  • 10
1 2 3
…
43 44