angular-datatables is a wrapper for jQuery dataTables. It exposes an Angular module that provides a datatable directive along with datatable options helpers.
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, ...