649 questions
1
vote
1
answer
148
views
How to reorder columns in data table?
I want to have the columns to be able to be reordered or moved around for a data table. The code implemented isn't working. Any time I try to reorder a column the column either gets stuck when trying ...
1
vote
3
answers
156
views
Can't bind to 'dataSource' since it isn't a known property of 'table' in angular
<table id="tableId" [dataSource]="dataSource" matSort matSortActive="id" matSortDirect="asc"
class="table table-striped table-bordered table-sm "&...
0
votes
0
answers
114
views
Getting an Error in Angular: Cannot find namespace 'DataTables '
I pulled an Angular 11 project
and after installing the node modules, getting error during npx ng build:
Error: node_modules/angular-datatables/src/angular-datatables.directive.d.ts:31:25 - error ...
0
votes
0
answers
74
views
Angular datatables not refreshing the new data correctly
I am working with Angular datatables in my app and I am showing my list of data I am getting from the service, and I have 3 actions buttons in the UI (showAll - filter check in - filter check out)
at ...
2
votes
1
answer
600
views
Angular using DataTables error while importing DataTables.Settings
I am trying to use DataTables with Angular to view some data in my application.
I installed DataTables by ng add angular-datatables and imported the DataTablesModule in the app.module.ts but when I ...
2
votes
1
answer
175
views
realtime: false not working in jQuery DataTables colReorder
I'm using jQuery DataTables with the colReorder extension, but setting realtime: false doesn't seem to work. I expect the column reordering to take effect only after I drop the column, but it updates ...
0
votes
1
answer
46
views
If the selected record is on the 2nd page of the Angular Data Table, can we navigate to that page by default?
I have an Angular Data Table that displays a list of organizations. It shows a maximum of 5 organizations per page. However, the default selected organization index is 7, which means it is on the 2nd ...
0
votes
1
answer
3k
views
Cannot read properties of undefined (reading 'options') when attempting to install angular data-tables
I am in the process of updating my Angular app from v14 to v17. One step I am taking while doing this is to upgrade angular-datatables. Upon running ng add angular-datatables I get an error related to ...
0
votes
1
answer
367
views
dtTrigger not working with Angular Datatable
Angular Datatable is working fine, but When I include [dtTrigger]="dtTrigger" on table component then Datatable is getting removed from the table.
After removing [dtTrigger]="dtTrigger&...
1
vote
1
answer
416
views
Angular Datatables routerLink in render function
I am using the Angular-Datatables package and using the render function to show a button, except this button needs a click event to redirect to another page, at the moment it's with an onlick but ...
0
votes
1
answer
124
views
Missing Search and Pagination Features in Angular DataTable When Using Custom Spinner with REST API"
I'm using a spinner in my Angular data table to indicate that data is loading. Despite having a large dataset, the default features for "Searching," "Pagination," and column ...
-1
votes
2
answers
318
views
datatable shows "No data available in table"
I have a child component which uses angular datatables. This child table has @Input() stockList: any[].
The problem I am facing is that even the datatable is loaded with data it always displays "...
1
vote
0
answers
85
views
Align the button to the right in Databtables
I have a button to export the table in to csv file , it should be aligned to the top right of the data table, but I am not able to align it to right
If I inspect , I see a class dt-buttons , if I ...
0
votes
2
answers
866
views
Angular Datatable not rendering when [dtTrigger] is added in HTML table - Angular 14
When I add the [dtTrigger] = "dtTrigger" in the HTML table, the datatable does not render anymore. I cannot see any datatable features in the page. When I remove [dtTrigger] = "...
1
vote
1
answer
2k
views
Angular 16 with datatables
I'm learning Angular, so currently I'm consuming one endpoint of CoinGecko and I just want show the list using datatables, so this is my code:
<div class="w-3/4 mx-auto mt-5">
<...
0
votes
0
answers
106
views
Data overlap with the dtr-details i.e. more button
This is what my issue looks like. The number is overlapping the plus icon as shown below:
I tried with the margin-left, padding and more css styling, but i need dynamic width with the data, like ...
1
vote
0
answers
245
views
How to dynamically bind columns in Angular datatable with API response
Angular datatable make columns dynamic
I have tried to setup datatable with options. the issue is I called api and bind data in table but I cant able to bind column in attribute "columns"
ts ...
0
votes
1
answer
514
views
Refreshing table created using Angular Datatables
I am using the Angular Datatables library in my project, I am fetching the data from an URL which returns JSON object, I put the data in an array and use it to populate my table.
appenditems(){
...
1
vote
0
answers
154
views
Add checkboxes and multi-select-dropdown in angular-datatables v8.0.0
Facing issues with implementing checkboxes and multi-select dropdown in angular datatables.
npm package angular-datatables: 8.0.0
Trying to create checkbox and ng-multiselect-dropdown column in ...
0
votes
1
answer
283
views
Angular Datatable | facing error while getting data from API (using nodejs)
When we add static data in angular datatable all things work fine, but when we load the data table from an API, the pagination, search, and sorting don't work. And it show's "No data available in ...
0
votes
0
answers
749
views
Rerender angular Datatable , Getting all the records
I have a Angular application with a simple CRUD functionality. I have tested my data with static table and this works. Now I am using a data table framework called Angular data table.
I am reloading ...
1
vote
0
answers
566
views
Angular Datatable - when the component is rendered for the first time I'm not getting any data
I am facing a really hard time working with the angular data table, I'm using ajax to get data from the API the problem is when the component is rendered for the first time I'm not getting any data ...
0
votes
1
answer
186
views
Set the MatCellDef iterator for a specific JSON such that the matsort and matsearch work in a matTable
So I have a JSON Of the following Format:
{
"loan": {
"loanKey": 6575,
"poolNum": "300801056",
...
0
votes
1
answer
1k
views
How to detect changes from BehaviorSubject and execute an action automatically based on the new value
I am using a BehaviorSubject to handle languages in angular project, also I'm using Angular Datatabels http://l-lin.github.io/angular-datatables/#/welcome, and I'm trying to change the language in the ...
2
votes
0
answers
401
views
Lazy Load ng-template inside of a Angular DataTable
I currently have a nested component inside of a td cell of an angular datatable. I use this nested component to design card layout as a one large cell. I want to use the built in paging, sorting and ...
0
votes
0
answers
189
views
Issue with displaying data in Angular datatable
im new to angular and I cant seem to get my datatable working properly. Any help would be greatly appreciated!
This is what i'm currently getting - it just says No data available in table and i cant ...
0
votes
1
answer
469
views
Angular JSON pipe with angular-datatables
I'm using angular-datatables to display NoSQL de-normalized data in grid for visualization purpose,
I have few complex nested json objects and wanted to display specific cell with prettified json with ...
2
votes
2
answers
2k
views
Create a custom table similar to primeng table
In our project earlier we used p-table from primeng. Now we try to create a custom one.
So, I want to create a custom table similar to https://www.primefaces.org/primeng/#/table
I need a table with ...
0
votes
1
answer
899
views
Angular Datatables export buttons using cached data
I'm running an Angular 13 application that queries an API for employees in a given country and office/branch from a form, then displays the list in a table.
I'm using angular-datatables for the table, ...
0
votes
1
answer
690
views
How to show row number in angular datatable columns
I'm new in angular and want to display list of results in angular datatables. I have a problem to display a row number in one of the column in my datatables. Currently when i click on page 2, the row ...
1
vote
0
answers
111
views
Angular 8 @angular/core/core"' has no exported memberafter installing angular-datatables
I have installed angular-datatables after adding reference into my component. I run the ngServe and got an error message:
ERROR in node_modules/angular-datatables/src/angular-datatables.directive.d.ts(...
0
votes
1
answer
2k
views
Calling angular-datatable ajax call on other api response
I am using angular-datatable ( http://l-lin.github.io/angular-datatables/#/basic/server-side-angular-way) .
Instead on assigning to this.dtOptions in ngOnInit, I want to do it in the response of ...
0
votes
0
answers
137
views
$(...).DataTable is not a function in angular 8
I am trying to bind datatables in angular8. But search, sort and pagination are not binding to the datatable and i am getting an error like $(...).DataTable is not a function. I also deleted ...
0
votes
1
answer
3k
views
DataTables warning: table id=DataTables_Table_1 - Cannot reinitialise DataTable In Angular 13
I have implemented jQuery Datatable Grid in Angular 13. But when I delete record and datatable is refreshed. then below error occurs.
DataTables warning: table id=DataTables_Table_1 - Cannot ...
4
votes
5
answers
9k
views
facing error while using angular-datatables
I'm on ubuntu 20.04, with npm 6.14.15, node v14.17.2 and Angular CLI: 11.2.14. I tried to create data table into my working directory using angular-datatables module.
in order to use this angular-...
4
votes
2
answers
542
views
Angular Datatables Cannot use import statement outside a module Error
I am trying to add angular datatables to a new test project. I have used the following commands:
ng new test-app
cd test-app
ng add angular-datatables
I get the following output from the ng-add ...
1
vote
0
answers
454
views
Add Custom html elements to Angular Datatable DOM using JQuery
I am trying to add few buttons to Datatable DOM following legacy way.
Here is my Datatable Options
ngOnInit(): void {
this.dtOptions = {
pagingType: "full_numbers",
...
0
votes
2
answers
2k
views
How to sanitize html in angular for avoiding XSS vulnerabilities
Getting XSS vulnerabilities while accessing API call and accessing in HTML page. Tried with DOM sanitizer with url and Sanitized html as well, still getting XSS Cross site scripting issues. Tried with ...
1
vote
1
answer
3k
views
How to use DOMSANITIZER(bypassSecurityTrustUrl) while calling the API
Getting XSS vulnerabilities while calling the API for fetching the data. So trying to add DOMSANITIZER, but its failing. Tried below code, please suggest me the solution.
this.http.get(this....
0
votes
1
answer
1k
views
Angular Datatable: How to get tooltip of column data while hovering
I have one datatable. how to get tooltip while hovering on table cells? Tried the below type, the tooltip is populating. How to get the same using angular?
$(document).on("mousemove", "...
0
votes
1
answer
1k
views
Setting global configuration for angular datatables
I'm a little new to angular and was wondering how I can set the global configuration for datatables. Currently it seems I can only set it within each component that need to use it, but this is clearly ...
2
votes
2
answers
4k
views
Datatable pagination, search and sorting is not loading properly using angular 9
I have array data fetching from service file, here my issue is in my data table data is binding properly but the pagination, search and sorting is loading in the Dom. I have commented my html, ...
0
votes
0
answers
370
views
ngx-datatable sorting is not working correctly
Hi i'm facing a strange problem and i was wondering if you could provide any explanation that could help me.
In my datatable i'm displaying a string that can be either "O titres" or "...
0
votes
1
answer
223
views
Angular Datatable - Property 'AppComponent' does not exist on type 'ColumnSettings'
I have imported the AppComponent in my another TS file, like below
import { AppComponent } from 'src/app/app.component';
constructor(
public AppComponent: AppComponent
) {}
I want to use this ...
1
vote
0
answers
640
views
Format the output of excel download data in angular datatable
I'm trying to download the data in the angular datatable. The download does work but I'm stuck in a situation where I have an array of data for a column and I'm only showing the first index data, the ...
-1
votes
1
answer
881
views
Argument of type '{ name: string; id: null; }' is not assignable to parameter of type 'User'
I am making angular app using in memory web api. When I was trying to make addUser()function, this is the error I am getting at createUser(data):
Argument of type '{ name: string; id: null; }' is not ...
1
vote
1
answer
512
views
angular-datatables works locally but not in production
I added angular-datatables to my project and customised my table. It works perfectly served locally but when I put it on the production server all the customisations are gone - no scrollbars, no ...
0
votes
1
answer
4k
views
How to select all checkbox in Datatables, Angular
I am using Datatable in Angular, and I want to use select all checkboxes functionality in that grid.
I tried with below code but getting error
onselectAll(){
this.dtTrigger.next();
this....
0
votes
0
answers
736
views
Angular DataTable - Date Time column sort issue
I am using Angular DataTable where I am trying to sort the dates(YYYY-MM-DDTHH:MM:SS) and I have transformed them using date pipe into this dd/MM/YYYY hh:mm a format. but it is not sorting the dates ...
1
vote
0
answers
211
views
How to retain the previous selection data using Angular
Have datatable, click button to loading datatable and select few records through checkbox selection. And again we click the button for reload table, Here initially selected checkboxes are unchecked. ...