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
15 views
Change default order collum 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 base, i want the sort to be whatever the checkboxes as checked, like 1 ...
0
votes
0answers
34 views
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 ...
0
votes
1answer
24 views
adding an ng-click event for angular datatable td
Previously I added an ng-click event to call $event.stopPropagation:
<td ng-click="$event.stopPropagation();">
<button type="button" class="btn btn-default margin-right-5" ui-sref="...
1
vote
1answer
20 views
Angular Datatables saveState not working
When i click a specific entry from 2nd page of my datatable it redirects me to another page, and when i come back it redirects me to page 1.
The issue here is i want to save the state and i want to ...
1
vote
1answer
65 views
Cannot read property 'aDataSort' of undefined for dynamic datatable
all from this http//jsfiddle.net/v6ruo7mj/1/ I created a dynamic data table, now I wanted to add the pagination, so I used jQuery data table and angular data table. but it was throwing Cannot read ...
1
vote
0answers
32 views
Hide/Remove an extra dropdown widget from jQuery ColumnFIlterWidget plugin in Angular Datatable
Basically I am trying to achieve 2 things here. I am using columnFilterWidget.js jQuery DataTable Plugin here for column filtering. I am having some issues in "Excluding" one Extra dropdown which is ...
1
vote
1answer
37 views
Angular Datatables Sometimes Fails To Load
I have a angular datatable which sometimes just fails to load with the following error:
angular.js:13708 TypeError: Cannot read property 'mData' of undefined
at HTMLTableCellElement.<anonymous> ...
0
votes
1answer
20 views
horizontal scrollbar issue for angular dataTables
I am using angular dataTable where I need to provide horizontal scrollbar.
I used the following code to provide option to get horizontal Scrollbar.
$scope.dtOptions = DTOptionsBuilder.newOptions()....
0
votes
0answers
57 views
Search by column md-data-table
I have a data table with search by column, but I only can filter by the results that I have in the first page.
How can I filter by all results of the query?
it's possible?
I have edited the post, I ...
1
vote
1answer
30 views
How can I override the default button style of Angular Datables buttons
When I add buttons to my Angular Datatables, it creates them with default themeing, which is causing the buttons to look different from the rest of my page (see Column Visibility button in the image ...
0
votes
0answers
11 views
Formatting issues with Angular Datatables when adding buttons
I have added column visibility options to my Angular Datatables, however, when I add the buttons, it throws my left and right header controls onto separate lines (as shown below)
How can I overcome ...
0
votes
1answer
11 views
TypeError: _parentScope.$watchCollection is not a function Angular - datatables
Getting this error when trying to load Angular-datatables.
Includes:
<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/...
1
vote
2answers
32 views
angular-datatables not sorting when formatting date
I have an issue in sorting date with angular-datables plugins when I want to format them.
Let me explain :
When I'm using
<td>{{date}}</td>
The result is :
When I'm using :
{{date | ...
0
votes
0answers
35 views
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&...
1
vote
0answers
32 views
Custom server side filtering using angular datatables withFnServerData
I'm trying to use server-side processing with angular datatables. In order to filter results, I can't use the column filter plugins because I want to implement my own custom search fields and a ...
1
vote
1answer
31 views
How to disable initial Ordering of data in Angular Datatables?
I am using angular datatables and I have only one column.
When I bind it, the data comes in an ascneding order, while I want to display it in the order I recived it.
Can someone please help.
...
0
votes
0answers
14 views
DataTable plugin causes unable to load other JQuery plugins like Zebra date picker in Rails
I am adding DataTable for my rails app. In the process I am getting several errors:
dataTables.bootstrap.min.js?body=1:6 Uncaught TypeError: Cannot read property 'defaults' of undefined
dataTables....
1
vote
0answers
35 views
Angular datatables - missing sort arrows when columns defined with DTColumnBuilder
I'm using Angular-datatables and when I define the table using the angular renderer I can see nice arrows for sorting column.
<table class="dataTable row-border hover" datatable="ng" dt options="...
0
votes
0answers
22 views
Angular-Datables incrementing watchers indefinately each refresh until browser crash
I am fairly new to AngularJS and therefore, I guess I don't totally understand how certain things work.
However, I have implemented an Angular-Datatable which populates 279 records. On each record (...
1
vote
1answer
90 views
AngularJS Datatables with display length but without pagination
I'm working with angular-datatables.
My end goal is to have a table with no pagination but with a "link" that allow to "show 25 more entries" (and without using the select length "10", "25", "50","...
1
vote
0answers
42 views
Binding inside the angular directive template with Isolate scope object
I am trying to add datatable in angular with directives. I am trying to add dt-options in the directive based the parameter passed in attributes and then setting the same to the partial html that is ...
0
votes
1answer
59 views
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 ...
0
votes
0answers
43 views
Input and select disabled without reason
I'm migrating a code from jquery to angular. I'm making a request to the server for some data to set a table (using angular-datatables). Everything works fine and the data is recived and shown but at ...
0
votes
0answers
32 views
angular-datatables format data of a perticular column in responsive mode
$scope.dtOptions = DTOptionsBuilder.fromSource('data.json')
.withPaginationType('full_numbers')
.withOption('createdRow', createdRow)
.withOption('responsive', true);
$scope.dtColumns = [
...
0
votes
0answers
58 views
Laravel Angular AdminLTE
I am going to implement user-activation function in Laravel Angular AdminLTE.
But I don't know how to implement this funnction.
I added activation button on the action field of user list table.
Here's ...
0
votes
0answers
103 views
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 ...
0
votes
5answers
98 views
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 ...
0
votes
0answers
9 views
angular-datatables + webpack
I am having trouble to inject angular-datatable with webpack in a ES6 class.
Let's say I have this class:
class FooController {
constructor($state, DTOptionsBuilder, ...
0
votes
0answers
44 views
Angular Datatables - How do I bind on window.load (function call works in browser debugger manually)?
How do I align the scroll position of angular datatables with the body as I scroll to the right or left.
https://l-lin.github.io/angular-datatables/#/withScroller
In essence, I need to make the ...
0
votes
0answers
32 views
Angular-Datatables - Header cell widths do not match table cell width on viewport resize
I am using the following plugin to scroll a table with fixed height vertically. During view port resize the header cells remain original width.
How do I set auto resize on the table header cells so ...
0
votes
1answer
62 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
61 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
0answers
15 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
32 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
70 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
54 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
19 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
73 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
88 views
show Loading message in angular datatable
Controller
app.controller('myController', ['$scope', 'dashboardService', 'DTOptionsBuilder', function ($scope, dashboardService, DTOptionsBuilder) {
$scope.dtMasterOptions =
...
1
vote
0answers
58 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
48 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
56 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
54 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
60 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
44 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
43 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
25 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
115 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
111 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
59 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, ...
