All Questions
Tagged with angular-datatables angularjs
286
questions
12
votes
2answers
17k views
In Angular JS how to disable column sort feature for selected columns
In jquery data table I can disable specific column sort by
"aoColumnDefs": [{
'bSortable': false,
'aTargets': [0, 7]
}]
Anyone know how to do this in ...
12
votes
2answers
1k views
Angular datatable and JSON structure issue
Here is my issue:
The datatable plug-in only accepts an array I believe but my API returns an object with an array. I am trying to figure out if I need to extract this info (how?) or if the plug-in ...
10
votes
2answers
6k 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 (...
10
votes
2answers
8k views
How to bind data using angular js and datatable with extra row and column
Hello I am creating one application using angularjs and ASP.NET MVC with datatable js.
I have implemented table showing data using datatable with angular js by help of this article.
But I want to ...
10
votes
2answers
11k views
Cannot read property 'aDataSort' of undefined in angular datatables
I am trying to implement angular-datatables in my project but it returns "TypeError: Cannot read property 'aDataSort' of undefined
I am using
Angular js version 1.4.9.
Jquery version 2.1.1
...
10
votes
2answers
452 views
Default Column are not displayed in Material Design Data Table (iamisti/mdDataTable)
I am trying to populate the <mdt-column> inside of <mdt-header-row> dynamically with an array from controller. This piece of code doesn't seem to work properly:
hide-column-by-default="c....
9
votes
3answers
8k views
Datatables change interface language
I am currently using angular-datatables.
How can I see the interface of the table in other languages?
I mean the "Show entries", "Search:", "Showing 1 to 10 of 20 entries" literals fore example in ...
8
votes
0answers
4k views
Custom sorting with Angular DataTables directive
I am using Angular DataTables within my app. So far everything works well, except when I try to add custom sorting.
I have a set of data that returns a hyphen, "-" if there is no data. Here is my ...
6
votes
2answers
7k views
Paging is reset when data is updated with Angular-DataTables
We have a Web form using Angular DataTables (DataTables 1.10.10 / angular-datatables - v0.5.3). We are feeding the data with a JSON coming from the backend. The table is configured with paging, and ...
6
votes
4answers
10k views
Can't bind to 'dtOptions' since it isn't a known property of 'table'.
I'm working to get angular way work and use this code https://l-lin.github.io/angular-datatables/#/basic/angular-way
- node version:v6.10.3
- npm version:v6.10.3
- angular version:4.3.2
- jquery ...
6
votes
1answer
25k views
Angular Store Data and Reload Datatable
I'm using
datatable: https://l-lin.github.io/angular-datatables
and bootstrap: https://angular-ui.github.io/bootstrap/
this what i try to achive: after add data using modal from bootstrap and save ...
6
votes
3answers
11k views
Angular datatables with filter column width
I tried to set width for column in angular datatables with filters.
But width of the column not changed.
I try following
var columnsSpecification = [
{
type: 'text',
...
6
votes
3answers
3k views
How to populate table values dynamically based on JSON in datatable angular?
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 ...
6
votes
1answer
9k views
Angular Datatable not working with data
I am using Angular-datatable for showing data and its working fine with static data, but when if giving data dynamically its not working. Its taking my hard time.
What i want to achieve is to load ...
5
votes
2answers
7k views
Angular Datatable Set Searchable False
I'm trying to set search disable on specific column.
Im using this angular datatable server side.
https://l-lin.github.io/angular-datatables
usually on jquery i can just:
columns:[{data:"foo", ...
5
votes
1answer
7k views
how to customize angular-datatables' style
I'm new to angular, trying to use angular-datatables library http://l-lin.github.io/angular-datatables/#/angularWay, but don't know how to control the style of the table, cause they are all angular ...
5
votes
3answers
19k views
Angularjs Datatable server side pagination
I'm trying to make Angularjs Datatable server side pagination in this link https://l-lin.github.io/angular-datatables/#/serverSideProcessing
So I use this code
$scope.dtOptions = ...
5
votes
2answers
11k views
How to render a column with model binding using angular-datatables?
Is there a way to render a column with model binding in textbox using DTColumnBuilder?
Something like:
DTColumnBuilder.newColumn('ColumnName').withTitle('Column Name').renderWith(function (data) {
...
5
votes
1answer
437 views
Datatables not reloading in angularjs
I have a requirement where i have to add particular products to the datatables and rebind the datatable so its count is updated. I am using MVC and angularjs 1.6.2
I am creating the datatable as ...
4
votes
3answers
13k views
Angular-Datatables wrong sorting on date
I'm using the angular-datatables plugin in my project, which works fine on all types, except for dates.
Example DESC:
01/01/2016
01/08/2015
01/08/2015
01/09/2015
Example ASC:
31/12/2015
31/10/2015
...
4
votes
3answers
7k views
Custom loading in Angular Datatables
im trying to implement my custom loading in angular datatables. I checked the docs :https://l-lin.github.io/angular-datatables/#/overrideLoadingTpl, there suggest an implementation:
angular.module(...
4
votes
1answer
1k views
Sorting of numbers within brackets in angular datatables
I am using Angular datatables to populate my table based on a webservice response. My webservice returns me a json like below
[
{
"id": 1,
"name" : "abc",
"count": "(20)"
},
{
"id": 2,
"...
4
votes
0answers
1k views
Change Page Charset with Javascript
I have a single-page app which specifies the UTF-8 charset with a "meta" tag within the head:
<head>
<meta charset="utf-8">
...
</head>
...
On the "reports" page within the app,...
3
votes
3answers
4k 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.
...
3
votes
1answer
6k views
Angular datatable search filter on “search” press
I am using server side processing with angular datatable. Is there anyway to turn off auto filtering in the search box and make it to search/filter (ajax call to server side) only when search button ...
3
votes
2answers
3k views
how to get the search box value in angular datatable?
I'm using angular datatable plugin, and I want to get the value of the search box that comes with the generated datatable. Angular datatable has a few options to make a datatable, but any of them ...
3
votes
1answer
9k views
How to call the destroy function of angular datatables?
I have a controller and I want to call the destroy function of Jquery Datatables in the controller in a watch method:
$scope.$watch('model.SelectedWaiver', function() {
if ($scope.model....
3
votes
1answer
4k views
Angular datatables - rendered to combine data from multiple column
My angularjs controller code for datatable is given below. With DTColumnBuilder option how can i provide column renderer to show formatted data
$scope.dtOptions = DTOptionsBuilder.fromSource(...
3
votes
2answers
2k 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 | ...
3
votes
1answer
2k views
Angularjs datatables - rowCallback event
can someone help me with rowCallback. Problem is, I have a table, and you can click anywhere on table row for open info for clicked item. On first TD I set check box. But when I check checkbox, I don'...
3
votes
1answer
2k views
Smart-Table vs. Angular-DataTables
For displaying my tabled data I am currently using the angular datatables Here's the link. I am mostly satisfied with it up to some things.
The only problem with the angular datatables is, that I ...
3
votes
2answers
5k views
angular-datatables with ColVis, sorting or hiding columns removes all data
I am using AngularJS with Angular-datatables (http://l-lin.github.io/angular-datatables/) and I am using the datatables ColVis plugin. The table renders fine but sorting the column headers OR using ...
3
votes
1answer
6k views
Angularjs angular datatables changing column width on DTColumnDef
Version: AngularJS 1.6.4, angular-datatables 0.5.6
Question: Not being able to change column width with
.withOption('width', '20%')
I have looked through most of the SO questions but still haven't ...
3
votes
5answers
8k views
Angular datatables hide column
I am willing to hide some columns (actually from the example below the column with index 6) from user view but still want to have them in the DOM to make search access the values.
I use ...
3
votes
1answer
787 views
AngularJS angular-datatables custom attribute in buttons
I am using the following with npm:
"dependencies": {
"angular": "1.6.4",
"datatables.net": "1.10.19",
"datatables.net-buttons": "1.5.3",
"datatables.net-buttons-dt": "1.5.3",
"...
3
votes
2answers
856 views
Disable column sorting not working for multiple angularjs datatables
I am working with multiple angularjs data tables and generating a new table every time user selects an option from the drop down list.Based on the user's selection i make an $http request to fetch new ...
3
votes
2answers
1k views
How to create a jasmine unit test when using angular-datatables
I am using angular-datatables in my project and I would like to write a Jasmine/Karma unit test for it.
This is code from my controller:
$scope.dtOptions = DTOptionsBuilder.fromSource('/api/books/')...
3
votes
1answer
1k 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/...
3
votes
1answer
1k views
columnFilter plugin not working with Angular DataTables Server Side Processing
I am using Angular datatables (https://github.com/l-lin/angular-datatables) with server side processing, everything works fine if I didn't add the column filter But once I add the withColumnFilter ...
3
votes
2answers
671 views
DataTables inside bootstrap accordion in angularjs
I am working on a module where I have to redesign some products. Following is the screenshot of how the products used to get displayed previously.
Now the products will be displayed inside ...
2
votes
1answer
3k views
Angular Datatables: Unknown provider
I'm new to JS and Angular trying to implement the angular-datatable version in my project.
First I used the "angular-way", which turned out to be a bad decision based on performance. I have a lot of ...
2
votes
1answer
4k views
angular datatables server pagination
I am trying to implement server-side pagination on an angular datatable but I keep on getting the following error: Error: You cannot use server side processing along with the Angular renderer!
Please ...
2
votes
1answer
7k views
Want to filter rows with multi select drop down in table
In Table, I want to filter rows with multi select drop down.
here is plunker.
Example:
When I select 2 country and 2 month in drop down then data so accordingly in table.
HTML:
<div id="...
2
votes
2answers
3k views
Angular datatables Fixed Columns undefined is not a function
I used angular datatables with fixed column, my HTML code for view as the following:
<div class="row" ng-controller="PerformanceCtrl">
<table id="example" datatable=""
class="...
2
votes
1answer
5k views
Angularjs expandable table row
I am using angular 1.4.3 and angular dataTables (here's the link: http://l-lin.github.io/angular-datatables).
My needs is basic. I need to expand the row when it is clicked and all the ng-click's or ...
2
votes
1answer
3k views
datatables - change button style
is there any way to change button style (colvis, copy, print, excel) in angularjs datatables.
vm.dtOptions = DTOptionsBuilder.newOptions().withButtons([
'colvis',
'copy',
'print',
'...
2
votes
1answer
1k 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> ...
2
votes
1answer
3k views
How invoke angular datatable pagination refresh callback after data update?
I have angular datatable config which works fine. My config looks like
vm.dtOptions = DTOptionsBuilder.newOptions().
withPaginationType('full_numbers').
//withOption('ajax', ...
2
votes
1answer
2k views
angular-datatable column draggable out of the table
Is it possible to avoid the column, not to drag out of the data-table view area, as you can make out yourself, what I am talking about from this link
https://l-lin.github.io/angular-datatables/#/...
2
votes
1answer
920 views
Angular Datatables use source object
With Angular Datatables I want to pre-load a JSON object with Ajax so that I can re-use the object elsewhere without doing another ajax request.
But how do I load this object into the datatable?
....
