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

learn more… | top users | synonyms

0
votes
1answer
45 views

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

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

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....
0
votes
0answers
14 views

Refreshing/redrawing/recompiling angular component

I've been struggling with Angular 1.5 component. I'm using angular-datatables. My column definition: DTColumnBuilder.newColumn(null).withTitle(titleHtml).notSortable().renderWith(function(jobsite, ...
0
votes
1answer
20 views

How to set and clear the text in the search input of the angular-datatables serach box

I know that I can pre set the text of the angular-datatables search box like this: vm.dtInstance.DataTable.search("someText"); vm.dtInstance.DataTable.search("SomeText").draw(); But When I ...
1
vote
2answers
25 views

How to load an angular-datatables table with a javascript array in the controller

I want to load an angular-datatable with a javascript array but if I try this I get this error DataTables warning: table id=DataTables_Table_0 - Ajax error. For more information about this error, ...
0
votes
1answer
20 views

How to hide column in angular datatable excel export but show column on screen?

I have this code to enable the excel export button: self.dtOptions = DTOptionsBuilder.newOptions() .withButtons([ { extend: 'excel', text: 'Export to Excel', ...
1
vote
1answer
52 views

How to put “data-title” into <td> without ng-repeat using angular-datatables

I was wondering if is it possible to put a data-title option into my <td> tag using angular-datatables. I would like to see my result HTML like this: <table> <thead> ...
0
votes
0answers
17 views

How to set sZeroRecords empty/false with .withOption() or withLanguage() [duplicate]

I'm using angular datatable. My table options are $scope.dtOptions = DTOptionsBuilder.newOptions() .withOption('paging', false) .withOption('bInfo', false) .withOption('bFilter', false) ...
1
vote
1answer
38 views

Scroller function of angular-datatables in md-tab

I have been searching for many hours but I couldn't fine useful answer. Please help me fix this problem. Problem: I inserted angular-datatables in md-tab (Angular material). Everything worked fine ...
1
vote
1answer
34 views

show Loading message in angular datatable

Controller app.controller('myController', ['$scope', 'dashboardService', 'DTOptionsBuilder', function ($scope, dashboardService, DTOptionsBuilder) { $scope.dtMasterOptions = ...
1
vote
0answers
31 views

In angular datatable , How to filter only rendered data

Note : I have asked a similar question one day before as well , but the problem in this question is different . So i created this question in a separate post without editing the previous one . I am ...
0
votes
0answers
26 views

Angular datatable column filter not working with server side processing

I am using Angular datatable with "withFnServerData" for Serverside processing. Everything worked fine until i tried to use column filter plugin . When i tried to use column filtering functionality it ...
1
vote
1answer
33 views

How can I use two angular data-tables on the same angular controller?

I have a datatable. When I click on a row of the datatable a bootstrap modal pops up and among other things there is another datatable inside. However I can't make it work. No datatable shows up when ...
1
vote
1answer
26 views

How can I use iDisplayLength with angular datatables?

I have an angular datatable but I only want to show 5 rows of the table by default. I consulted the documetation and it said that the property I should modify is iDisplayLength. I tried doing it like ...
0
votes
0answers
12 views

angular-datatables: with server-side ajax data twice return (Angular 1.x + TypeScript)

I'm working with angular-datatables in a project: Angular 1.x + typescript. Render mode with: server-side ajax. angular-datatables latest version!. The problem that I have the argument: data, ...
0
votes
1answer
71 views

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 ...
0
votes
0answers
18 views

Angular-datatable: change options on the fly

While my datatable is initialized in this way: ctrl.table = { dtOptions: DTOptionsBuilder .fromFnPromise(getDataSet) .withOption("paging", !ctrl....
0
votes
0answers
82 views

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 ...
1
vote
1answer
29 views

Is there a callback for when an Angular DTOptionsBuilder ajax call finishes?

I am using angular datatables and I have some code that looks like this: this.dtOptions = DTOptionsBuilder.newOptions() .withOption('ajax', { type: 'POST', contentType: '...
-2
votes
2answers
51 views

How to count the number of rows containing a certain value?

I'm using AngularJS and I have a table that I populate using ng-repeat. Check this short example: http://jsfiddle.net/sso3ktz4/ How do I check how many rows I have with a certain value? For example, ...
1
vote
1answer
38 views

how to set Angular-datatables responsive priority?

I am working on angular-datatables and trying to set responsive priority for last column according to datatables.net. In angular I wrote it in following way vm.dtColumnDefs = [ ...
0
votes
2answers
54 views

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 ...
0
votes
2answers
215 views

How obtain dtInstance in Angular DataTables?

I have problem with management several tables using Angular DataTables. Here are fragments of my html code: <table datatable="ng" dt-options="dtOptions" dt-instance="dtInstance" ...
1
vote
0answers
58 views

angular-datatables rendering (repeating) twice

I am using angular datatables https://l-lin.github.io/angular-datatables and noticed that the ng-repeat is done twice. I noticed it with the following directive. <tr ng-repeat="order in vm.orders ...
0
votes
1answer
53 views

How to use ColumnFilter or LightColumnFilter with angular-datatables error b.dataTable.columnFilter is not a function

I want to use columnFilter or LightColumnFilter with angular-datatables but I get the following error b.dataTable.columnFilter is not a function I know that in the website example https://l-lin....
1
vote
1answer
42 views

AngularJs + angular datatable

Anyone here using angular-datatables in AngularJS? Edited: I want to filter data in my table. In specific. like if the select is about category. It will only filter what's in the category column. But ...
5
votes
2answers
2k views

$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 (...
0
votes
0answers
64 views

ng-if/ng-show for datatables

I have converted my tables from angular to datatables. Now I'm unable to filter out the rows. <table datatable="" dt-options="dtOptions" dt-columns="dtColumns"> <tr> ...
0
votes
0answers
33 views

angular datatable error -Cannot read property 'aDataSort' of undefined

I am creating a simple page where a table is shown on Loading. When an option is selected from the dropdown another table is shown. The datatable is filled through ajax calls. Now, when I'm using only ...
1
vote
1answer
35 views

Angular dataTables with Ajax Source

I'm trying to load data from an ajax source into angular datatable but it's not even hitting the ajax call. var analyzer=angular.module('analyzer', ['datatables']); analyzer.controller('WithAjaxCtrl',...
0
votes
0answers
21 views

angular datatables columnbuilder

I've been trying to make datatables work with angular and i'm stuck . It's a mess. $scope.dtOptions = DTOptionsBuilder.fromSource('/analyzer/List'); $scope.dtColumns = [ ...
0
votes
1answer
82 views

Export Filtered/Searched Data into Excel, from an Angular datatable

I am trying to export the data in my angular data table into an Excel sheet. I am successful in exporting the whole Json object into an Excel sheet. What I am looking for is, to get the searched/...
0
votes
0answers
32 views

execute a function after angular-datatables has finished reloadData()

I have a grid with list of people in it. selecting rows marks the row as selected. after selection there is a button that filters selected rows with dtInstance.reloadData($scope.SelectedRows).New rows ...
0
votes
1answer
12 views

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. <table width="100%" id="C" datatable="ng" dt-options="dtOptionsfeature" class="celltable" ...
0
votes
1answer
72 views

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....
1
vote
1answer
65 views

datatable buttons - data from angular

I'm using JQuery Datatables buttons for presenting the data on my page (as it has functions for items like Copy to Clipboard /Export to CSV / Print. Then, for the retrieval of data from the server, I'...
1
vote
2answers
103 views

How to populate table dynamically based on data

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 ...
0
votes
0answers
14 views

Load multiple side-by-side in Angular DataTables from 1 query

I am trying to build tables based on the value of 1 variable in the data object. For example, foreach (row, function(data) { if (data.foo == true){ return row -> table 1 }; ...
0
votes
0answers
38 views

Angular datatables columnFilter select box

i use datatables in angular. And set .withColumnFilter for filtering tables. .withColumnFilter({ aoColumns: [ null, { ...
0
votes
0answers
11 views

How to use angular data tables in windows?

Does anyone know how to get angular datatables to work in windows ? Installing the files manually doesn't seem to work for me.
1
vote
1answer
82 views

ng-show not working in datatables columns

I am creating a table in angular using datatables. I've use a value from the scope and I compare this value with the data received. "columns": [{ data: null, render: function ( data, type, row ) { ...
0
votes
2answers
169 views

Reload the bootstrap datatable after every minute?

I am using bootstrap server side datatable in my angularjs application and now i want to reload the data of that datatable after every minute. So how can i do it? I am using the following code: HTML: ...
0
votes
1answer
34 views

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') ...
0
votes
0answers
57 views

DTInstances - Reloading of data is not working inside bootstrap tabset

I have custom search functionality with angular data tables. My code working perfectly if put html outside the tab-set. When i put datatable html inside tab-set it is not working. This is my ...
-2
votes
1answer
636 views

ng-click event binding not working inside angular-datatables

I am using angular-datatables for listing student information. I want to implement server-side ajax implementation for every search, sorting, paging etc rather than fetch all data and repeat the data ...
1
vote
2answers
715 views

angular-datatables : How to remove “Show N entries” but leave pagination

There is a project that uses angular-datatables. Now I need to remove "Show N entries" dropdown from a page with such table, but leave pagination untouched. For now i've found this way - withOption('...
0
votes
0answers
104 views

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 ...
1
vote
0answers
51 views

How can I put the ui.bootstrap.progressbar in my angular datatables ajax

Can anyone help me adding some loading bar while datatable is getting data from the database? This is my code. what should I need to add for the progressbar will start loading while getting data then ...
1
vote
1answer
80 views

Datatables ajax request not working with xhr but with local json file

I'm using a static .json file to load a table during testing. This works fine with the following controller code: function dashboardResearchPubCtrl($scope, $http, dataService, DTOptionsBuilder, ...