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
0answers
9 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
17 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
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 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 ...
0
votes
0answers
16 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) ...
0
votes
1answer
21 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....
1
vote
1answer
32 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
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> ...
1
vote
1answer
24 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 ...
1
vote
1answer
35 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 ...
0
votes
0answers
10 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, ...
1
vote
1answer
32 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 ...
0
votes
0answers
16 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
75 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
28 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
1answer
66 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 ...
1
vote
0answers
56 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
2answers
52 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 ...
1
vote
1answer
41 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 ...
0
votes
0answers
59 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
32 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 ...
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 = [ ...
1
vote
1answer
33 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
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
49 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....
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" ...
1
vote
1answer
62 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'...
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 }; ...
1
vote
2answers
101 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
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
80 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
0answers
52 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 ...
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
94 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
49 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
79 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, ...
-3
votes
1answer
31 views

Angular-datatables Bootstrap search bar CSS [closed]

I'm using angular-datatables with the Bootstrap integration. However, the search bar looks weird. It doesn't look like the normal Bootstrap text fields with that nice glow effect. This is the angular-...
0
votes
0answers
78 views

Can't call url in angular-datatables withFnServerData

I want to pass custom data parameters while calling url to fetch data. I'm using withAjax approach of angular-datatable to fetch data from server. I have referred these two links. Link 1 (See Use ...
0
votes
1answer
68 views

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

Angular datatable length menu not set data at the time of length menu change at server side

By default, length menu is set to 10 at the time of loading. After that I am going on 4th page at that time display records are from 31 to 40 and after that I am changing length menu to 25 then it is ...
1
vote
1answer
43 views

Is it possible to use php to write in the tables and already use datatable to make tables optimize?

I have more than one table in one view and i use jquery to make them hide and show.i have the array $works which contains arrays of works.each array contains data that are the rows of each table. also ...
0
votes
0answers
70 views

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

Using $watch, table div dissapear

I'm using isteven-multi-select directive for multi-select dropdown. I'm giving it thingsList and it creates checkedList while I choose things. So at first I used button to confirm selection and ng-...
0
votes
0answers
41 views

Angular Datatables set column names from ajax json response

How can I load angular datatables column names from a json data response from an ajax call? I'd like not to have to explicitly name the columns (e.g. DTColumnBuilder.newColumn('AeId').notVisible() ). ...
2
votes
0answers
65 views

Angular-material-data-table doesn't work

I'm doing a web app and I'm using angular-data-table to display data in infinite scroll. Now, for testing, I'm using a very little table (height: 150px), and I want to retrieve 4 items each time the ...