All Questions
Tagged with angular-datatables angular
215
questions
12
votes
3answers
10k views
@angular/platform-browser/platform-browser"' has no exported member 'HammerLoader'
I tried to run "ng build", I'm getting following error.
"ERROR in node_modules/@angular/material/core/typings/common-behaviors/common-module.d.ts(9,10): error TS2305: Module '"../Frontend/...
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 ...
8
votes
2answers
11k views
Multiple material pagination in one component doesn't work in Angular
I try to create a component which includes two dataTables each of it with another dataSource. My Tables aren't visible right after the component is loaded because of my *ngIf so that i couldn't use ...
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: 'מפגש', ...
5
votes
3answers
10k views
Angular 5 Material Data Table sorting not working
So I have a working Angular Material Data Table in my Angular 5 app, but when I tried adding the sorting functionality (based on the offical docs here: https://material.angular.io/components/table/...
5
votes
1answer
1k views
How to replace all the columns dynamically in Data Table using Angular2+?
My requirement to replace the all the columns when ever the changes/event is happening outside of the Data Table.
data table is displaying for the first time with selected columns(from event). if i ...
5
votes
1answer
3k views
Mouse-over event on a p-dataTable row (primeNg)
I am currently developing the user interface of a web application using angular2. I have a p-dataTable component (primeNG) and I would like to call a function when the mouse is over a row of this p-...
4
votes
2answers
251 views
Angular | Typescript | Data Table not Paging/Sorting
I am having some issues with a data table - the background is that I need to make multiple simultaneous API calls through an observable subscription which are then combined into a single data ...
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 ...
4
votes
1answer
6k views
Multiple Mat-Paginator in a single page (Angular 5 Data Table)
I have two Angular Data Tables in a single page. I am fetching the data from a Web Server (Async).
I have created a an independent component for this.
My first table is correctly displayed and binded ...
4
votes
1answer
157 views
How to refresh the datatable inline editor after getting data from service?
I have added inline editing data features for my datatable. I'm using service call to get the latest data and I'm binding to the datatable using dtOptions. I'm using datatable " ". intially empty ...
4
votes
1answer
4k views
How to pass data received from service to angular datatable
I have just started working on Angular 4 and I am trying to render some data which I receive from angular service in json format, into angular-datatable, but whichever option i try its not working for ...
3
votes
3answers
26k views
Angular Material Table Error: Can't bind to 'mdHeaderRowDef' since it isn't a known property of 'md-header-row'
I'm trying to convert a CDK data-table to a Material Design styled data-table (see: https://material.angular.io/components/table/overview), but when I change the cdk prefixes to md, I get the ...
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
4k views
Cannot find module DataTablesModule with Angular Datatable in Angular 6
I am not able to include DataTableModule into our Angular 6 project with datatable.
I am using angular cli 6 with datatable. My code is showing error that cannot find module DataTablesModule. I have ...
3
votes
3answers
218 views
How to add empty data row in Datatable using angular2+?
I want to add empty data row. My requirement is like columns are dynamic. I have tried using dtInstance to add the row. it's throwing some error.
here is the link
https://stackblitz.com/edit/how-to-...
3
votes
1answer
629 views
Unable to display data in data table dynamically. ( Angular 6 )
I am using angular data tables. I am trying to change data in them. I have 6 methods performing different calculations and pushing data into array.
I have 6 buttons. On button click, I am calling ...
2
votes
1answer
7k views
NGX-Datatable with Angular 2 - Wrap Column's Name
I have a ngx-datatable with Angular 2 that has some very long column names.
I would like to duplicate what they do with Auto Height for row (Link to Documentation) but would settle for just getting ...
2
votes
1answer
7k views
dataSource.connect is not a function when using Material datatable
I would use material datatable with dataSource as array.
import { Component, OnInit } from '@angular/core';
import { MatTableDataSource } from '@angular/material';
import { AjouttextService } from '.....
2
votes
2answers
3k views
How to fill an angular material datatable with data from a json?
I have a project in angular, and have an angular material datatable. So, I want to fill it with data from a json. Because when I try to fill it simply nothing is showed, as if empty, but if I fill the ...
2
votes
2answers
896 views
Angular datatables: how to read data from array?
I'm using Angular Datatables, in angular 6. My code works, I see the table I can render it. I can't search I can't control how many items get displayed, the footer says "Showing 0 to 0 of 0 entries" ...
2
votes
1answer
6k views
Angular 5 Material mat select: filter based on value selected,
So I have an Angular 5 app using Angular Material Data Table and on it I have filtering, sorting, pagination etc. Right now I can filter based on a value a user inputs in an input field, this works. ...
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
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
260 views
How to create a datatable with arbitrary columns and data?
I have an application where an user can make a selection in a dropdown which triggers a request and the output - in this case a table - is shown on the website. The data always comes in JSON format ...
2
votes
4answers
3k views
Angular 6 DataTables - how to get current page
I'm creating an Angular 6 app with Angular datatables (https://l-lin.github.io/angular-datatables/#/welcome). This is my component code:
import { Component, OnInit, ViewChild } from '@angular/core';
...
2
votes
1answer
3k views
How to populate JSON data using ngx-datatable in angular 4
I am new to Angular 4 and i am trying to implement the ngx-datatble by following the approach defined in ngx-datatable github and i am able to populate the table, however my confusion starts when i am ...
2
votes
1answer
3k views
Display JSON data in angular-data-table
I want to display the following JSON data set in an angular-data-table
{"_links":{"self":[{"href":"http://uni/api/v1/cycle1"},{"href":"http://uni/api/v1/cycle2"},{"href":"http://uni/api/v1/cycle3"}]}}...
2
votes
1answer
2k views
Angular 6 - Datatables
I use Angular-Datatables (latest version) with checkboxes
and I would like to define a "Select All" function.
But I don't know how to mark as "checked" all the checkboxes :
All examples founded are ...
2
votes
0answers
51 views
How do I create my own component lifecycle callback associated with another component in Angular?
I'm having difficulty getting the hang of Angular, and additionally Promises. I'm trying to create another layer of wrapper for the angular-datatables to add some generic customization, and then let ...
2
votes
1answer
540 views
Component (AngularMatDataTable) doesn't re-render after data array changes in subscription in ANGULAR?
I'm creating a Parent/Child relationship in Angular 8. Parrent component invokes the service call which sets the observable roleList,then I pass this roleList to child component. In child component, I ...
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
1answer
544 views
Angular 2: Datatable/HTML table - No data displayed on second time request
I'm facing an issue displaying data in an Angular Datatable or HTML table (tried both) when requesting data for the second time or subsequent attempts
First time loading happens appropriately, but ...
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
0answers
894 views
how to set page number in angular2-datatable
I am using angular2-datatable to display data. Source : https://www.npmjs.com/package/angular2-datatable
I want to know if is there any way to set particular page number in pagination.
1
vote
2answers
4k views
TypeError: table.renderRows is not a function
I'm using Angular material datatable with array as datasource. I would update my table every data change using renderRows() method as mentionned in the doc.
I have my ts file
import { Component, ...
1
vote
1answer
3k views
Angular datatable results: Error trying to diff '[object Object]'. Only arrays and iterables are allowed
I have a simple query to get some orders from an API using httpClient post method in Angular 5.
I get the proper response but I cant figure it out how to show them in the datatable.
Below is what I ...
1
vote
2answers
1k views
How to sort by date in Data table, Angular Material
I am using Angular Material, the first time.
I am stuck with adding functionality to sort the row based on the date.. i.e the latest date should show on top & the oldest at the bottom.
I went ...
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
453 views
Angular 6 datatable serverside ajax request not working
I am using angular datatable(1.10.19).
ref this for server side angular way
I have written web api in c# to get the data in desired format.
With following dtoptions, server side is working fine.
...
1
vote
5answers
930 views
Display value for specific table row only in *ngFor
I am trying to display a value for a specific table row however the value is getting displayed for every single row. I am using angular-data-tables.
Here is my code
<tr *ngFor="let item of mf....
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
2k views
TypeError: Cannot read property 'toLowerCase' of null in angular5-data-table angular 2+
I use angular5-data-table to display my participants. Recently, I started to have errors in searching or filtering the table. The error is :
TypeError: Cannot read property 'toLowerCase' of null
I ...
1
vote
3answers
2k views
Angular 6 DataTables - Table Items Appear/Disappear Upon Sort or Search
I am using Angular-DataTables 6.0 (found here https://l-lin.github.io/angular-datatables/#/welcome) and I have been running into a reoccurring problem. When a table item is added or deleted, the ...
1
vote
1answer
864 views
Display Array<Object> in PrimeNg template
I have this kind of JSON:
{
description: "Some Description",
child: [{
description2: "Some Other Description",
description3: "Another Description"
}]
...
1
vote
2answers
240 views
Disable the Chrome autofill for the Table search
I am using the angular-datatables where chrome auto fill the table search with the email-id.
I tried to override the search with the empty string but still chrome autofill the email-id
dtTrigger: ...
1
vote
1answer
59 views
Post method does not run within dtoption datatable js
I have a method that runs a post to get users and I am using datable that consumes a web api in net core. But the post method is never executed. It doesn't even print the console.log ('executing ...');...
