All Questions
Tagged with angular-datatables datatables
173
questions
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
...
9
votes
9answers
38k views
Using full featured Datatables Plugin with Angular 6
I am trying to add Datatables plugin (datatables.net) facility with my angualar 6 project.
I am not sure how should I include the necessary css, js and other required files to my project with npm ...
7
votes
2answers
15k views
Angular ngx-datatable multiple data in one column
I've got a little problem adding more then one prop to column in ngx-datatable:
columns = [
{ prop: 'semesterName', name: 'סמסטר', resizeable: false },
{ prop: 'eventName', name: 'מפגש', ...
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
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 ...
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
1answer
1k views
Implementing custom search in datatables.net with angular 4
I'm trying to implement a simple custom search on a column.
This is well documented at https://datatables.net/examples/plug-ins/range_filtering.html.
However my (so far) only problem is accessing the $...
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
1answer
5k views
Angular DataTables: $(…).DataTable is not a function
Angular Version: 6.0.4 ~ Node Version: 10.4.1 ~ NPM Version: 6.1.0
I've seen this question asked many times, but not answered.
After following these instructions to install angular-datables, and ...
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
15k views
How to use server side option in Angular DataTables with the Angular way example?
I'm trying to use Angular DataTables with the server side processing option, but when I try to enable it in their "Angular way example", only the first request gets rendered, the subsequent requests (...
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
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
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
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
Uncaught TypeError: Cannot read property 'version' of undefined at buttons.flash.js when run datatable angular directive
I install the data table angular directive from the https://l-lin.github.io/angular-datatables/#/getting-started
install the data table button extension from https://l-lin.github.io/angular-...
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
2answers
3k views
Data table integrated with Angular not showing export buttons such as Excel, PDF
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"../node_modules/datatables.net-dt/css/jquery.dataTables.css",
"../node_modules/datatables.net-buttons-dt/css/buttons....
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
3answers
77 views
Angular Datatables with *ngIf shows error
I am using Angular Datatables to show some tabular data. I have added an *ngIf condition to the table, so that it will not be visible until the data is loaded completely. The table code looks like the ...
2
votes
1answer
2k views
Passing custom parameters in render function
I have below code to create column:
DTColumnBuilder.newColumn(null).withTitle('Validation').renderWith(validationRenderer)
and render function:
function validationRenderer(data, type, full, meta) {
...
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
2answers
1k views
“No matching records found” remains after table population
The "No matching records found" row remains on my table, even though data has been loaded.
The table is defined as follows:
<table datatable dt-options="gvc.dtOptions" class="table table-striped"...
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
2answers
2k 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....
2
votes
0answers
390 views
datatables.net editor usage in Angular 6
i'm using Angular DataTables lib in my project. It allows to use datatables.net plugin in angular applications.
Is there some way to use datatables.net editor in angular component? My table has 2 ...
2
votes
0answers
557 views
Angular 4 (Click) binding not working with Datatable Server Side
My problem is when I need to "render" a datatable column with custom HTML the angular binding seems to be lost.
Basically Datatable gives a (render) Callback so you can inject HTML in the column.
...
2
votes
0answers
732 views
Angular2 data table with ajax calls
before I start using Angular/Angular2 I always use jQuery DataTable with ajax calls because when I divide the data with client-side paginations and get the data in advance it makes my page very slowly,...
2
votes
1answer
120 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 ...
2
votes
0answers
2k 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 ...
2
votes
1answer
3k views
show Loading message in angular datatable
Controller
app.controller('myController', ['$scope', 'dashboardService', 'DTOptionsBuilder', function ($scope, dashboardService, DTOptionsBuilder) {
$scope.dtMasterOptions =
...
2
votes
0answers
7k views
How to pass the DTOptionsBuilder and DTColumnBuilder to the controller in angular-datatables
I started to learn AngularJS-1.5.7 and also angular-datatables. I followed some examples in this page https://l-lin.github.io/angular-datatables/#/withResponsive the one that is for responsive tables, ...
2
votes
1answer
484 views
Possible to use angular-datatables with serverside array sourced data instead of object sourced data
I'm trying to use angular-datatables with serverside processing. However, it seems that angular-datatables expects that the data from the server is in object format (object vs array data described) ...
2
votes
0answers
306 views
Column filter makes search value search=[object Object]
Search is working find but when I tried using column filter, search value change to search=[object Object] .
FULL URL: http://localhost:8000/locations/?draw=2&columns=[object Object],[object ...
2
votes
1answer
2k views
angularjs Datatables Cannot Reinitialize Table Error
I am using angularjs Datatables and keep running into an error.
DataTables Warning: table id=DataTables_Table_0 - Cannot reinitialise Datatable.
I have two watches to run the report as the user ...
1
vote
5answers
10k views
Angular DataTable not populating DTInstance
I am not getting my DtInstance populated after rendering. Anyone faced this issue.
<div ng-controller="InventoryTableController as vm">
<table datatable="" dt-options="vm.dtOptions"...
1
vote
2answers
1k views
angular-datatables dynamically change empty table message
I know one can easily change the default config for empty message during the table init.
DTDefaultOptions.setLanguage({sEmptyTable:' custom'})
I have a page where I reload the table content from a ...
1
vote
1answer
1k views
Angularjs jQuery datatables add processing event
I use the Angular datatables module. https://github.com/l-lin/angular-datatables
I try add the processing.dt event, but it does not work.
This is the original code from the base api
https://...
1
vote
1answer
513 views
Angular Datatables - Refresh Table [duplicate]
I am using angular-datatables in my Angular app. I need to refresh the datatable when data changes (say, when a form is filled and submitted). The equivalent jQuery code is
$('#my-datatable')....
1
vote
3answers
128 views
Individual column search on top rather than bottom in angular datatable
I am using this library https://l-lin.github.io/angular-datatables/#/welcome for my angular 7 project I have implemented the code as given the the example as it is, https://l-lin.github.io/angular-...
1
vote
1answer
2k views
Server Side Ajax configuration for Angular-datatables for GET Request
I'm using Angular version 5. I need to do Server Side for angular-datatables. It works with POST request but I'm unable to do it with GET request.
There's a sample API (https://angular-datatables-...
1
vote
1answer
10k views
Angular Datatables - reload data
I use angular 6 with angular-datatables.
I try to define a "rerender" button in order to reload data like this exemple :
https://l-lin.github.io/angular-datatables/#/advanced/rerender
My datatable ...
1
vote
1answer
231 views
Display JSON data using an Angular DataTable
I am using an Angular DataTable to display data using a JSON array but the data did not display. I think there is an issue with my HTML page. Can you find the issue?
HTML file:
<tbody>
&...
1
vote
1answer
575 views
Remove datatables search field without disabling searchable
I made an datatable in Angular5 using angular-datatables. I then created the table footer and implemented input fields to search each column individually, and added style="display: table-header-group;"...
1
vote
2answers
217 views
Row draw corrupt renderWith function
I am rendering the column with below render function:
DTColumnBuilder.newColumn(null).withTitle('Validation').renderWith(validationRenderer)
function validationRenderer(data, type, full, meta) {
...
1
vote
2answers
6k 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, ...
1
vote
1answer
604 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'...
