454 questions
2
votes
1
answer
614
views
Issue with @swimlane/ngx-datatable after upgrading to the latest version in Angular 19
I recently upgraded my Angular project to Angular 19 and updated @swimlane/ngx-datatable to the latest version since version 20.0.0 was not supported. However, after the upgrade, I encountered the ...
0
votes
1
answer
255
views
Browser resize distorts ngx-datatable when used with material tabs
I'm using a ngx-datatable 19.0.0, Angular version 11.1.0 and Material version 11.2.13.
When I using props [columnMode]="'force'" directly in ngx-datatable, the page load correctelly and the ...
- 1,207
0
votes
1
answer
198
views
How to add animation to rows in ngx-datatable?
I want to display the rows of my data table (ngx) in a stacked fashion: one row following the other.
I want to add [@datatableAnimation]. but I dont know where add that.
When I add it to <ngx-...
- 25
1
vote
0
answers
420
views
Using angular-material drag and drop inside ngx-datatable
Im using ngx-datatable to render a table, inside of which I am using angular material cdk drag-n-drop. The overall functionality works well except when the list is long. If the table is scrolled to ...
- 1,187
1
vote
1
answer
390
views
Angular 16 ngxdatatable 20.1.0 not working to display nested table like sub columns inside a column
Have below JSON in testdata.json file:
{
"ermInfo": [
{
"name": "abcd",
"period": {
"week": {
...
- 11
0
votes
0
answers
97
views
How to restrict a column not to be reordered
In ngx-datatable i make first column not draggable then i can't drag it.
issue is that when i drag some other column which is draggable then it's order change.
i want stop it by both way.
<!-- ...
- 777
0
votes
1
answer
497
views
How to get updated sorted items in ngx-datatable after sorting
I am using swimlane/ngx-datatable library for to displaying the list. In the list of each row I am adding action menu (When icon click the menu will display as popup) with items dynamically.
Issue:
...
1
vote
1
answer
736
views
How to apply css to ngx-datatable checked row
I tried
.datatable-body-row:checked .datatable-row-group {
background-color: #22e26c !important;
}
Nothing happens, while for hover it works, like this.
.datatable-body-row:hover .datatable-row-...
- 408
0
votes
1
answer
149
views
Add custom text 'Loading..' untill data fetch from API
Is there any way show 'Loading' text until data fetch from api. As of now it is showing no data to display
I gone through the documentation did not found anything
0
votes
1
answer
740
views
Change the ngx-datatable-column name dynamically
I'm using a component ngx-datatable angular version 9. I'm trying change the props namedynamically using a *ngIf command.
Problem: I want to using a attribute the list to show the right name.
Code:
...
- 1,207
2
votes
0
answers
357
views
ngx datatable custom footer own component
I want to use custom footer everywhere for my tables:
http://swimlane.github.io/ngx-datatable/#footer
The issue that I do not want to define html every time in every component, so I want to create my ...
- 7,832
0
votes
1
answer
2k
views
SassError: Can't find stylesheet to import. -> @import '~@swimlane/ngx-datatable/themes/bootstrap.scss';
I am using @swimlane/ngx-datatable in one of my Angular Projects,
when I do ng build --configuration=myconfig on my local system, it builds without any errors and it even runs well by doing ng serve.
...
- 692
0
votes
1
answer
543
views
How can a double/dbl click on row be implemented for Angular ngx-datatable?
The ngx-datatable does not have a Output property for double clicking a row.
The activate output property emits all events, this could probably be used.
How can I implement this?
- 7,104
1
vote
0
answers
589
views
Unable to resolve dependency tree while installing ngx-datatable
I am trying to install the ngx-datatable module for my angular project. But whenever i try to install it with npm this error shows.
I tried doing npm i @swimlane/ngx-datatable --force and that ...
- 31
0
votes
0
answers
286
views
swimlane/ngx-datatable having performance issue with Angular 13
I Updated my app to from angular 12 to 13, during the upgrade process I added below overrides in package.json as 6.6.7 version of rxjs was throwing error in Angular 13
"overrides": {
&...
- 51
0
votes
2
answers
4k
views
How to sort angular ngx datatable with specific criteria
I am developing a table view with angular, ngx datatable where I have few columns that can be sorted. For example I have a column called "full prize" which shows addition of two fields which ...
- 177
0
votes
1
answer
616
views
Get boolean value as a checkbox
I have a database. I want to display a table with all the data and get boolean values as a checkbox.
<ngx-datatable-column name="Value">
<ng-template ngx-datatable-cell-...
- 9
0
votes
0
answers
332
views
Why is some columns hiding in ngx-datatable?
I try to do a ngx-datatable, but the last columns are hiding. Anybody know why?
<ngx-datatable #tableResponsive class="bootstrap core-bootstrap" [columnMode]="ColumnMode.force" [...
- 1,505
2
votes
2
answers
2k
views
Angular - How to resolve "Property does not exist on type 'never'" in @tusharghoshbd/ngx-datatable Advanced Search
In my Angular-13 project I am trying to implement Advance Search in @tusharghoshbd/ngx-datatable
I have this code:
interface:
export interface Merchant {
id?: number;
merchant_name?: string;
...
- 1,067
0
votes
1
answer
1k
views
How can I show nested objects in single ngx-datatable cell?
IAttribute:
export interface IAttribute {
id: number;
attributeName: string;
attributeValues: IAttributeValue[];
}
IAttributeValue:
export interface IAttributeValue {
Value: string;
attributeId: ...
- 317
0
votes
1
answer
2k
views
Ngx-datatable is not showing the data
I am working on an angular component, I am using ngx-datatable for displaying the table data.
The table is not showing the data.
the table :
<ngx-datatable
class="ngx-...
1
vote
1
answer
505
views
angular 11 swimlane/ngx-datatable in custom library not add the ngx-datatable class in some projects
I have created an angular custom library to easy configurate my tables projectwide.
I have crate a default config that defined in my appmodule and i have a tablespecific config in my component for ...
- 93
0
votes
1
answer
413
views
How to synchronize two ngx-datatable data sorting
I built a shared component that uses <ngx-datatable> inside the component and passes all the data inputs to get it working. Everything works as expected.
The problem is I have a request to ...
- 564
0
votes
1
answer
1k
views
How to set columnMode/... of a ngx-datatable without binding to ViewModel?
I'm starting to use ngx-datatable.
I've currently this:
<ngx-datatable
#table
class="material"
[columns]="columns"
[...
- 21.1k
1
vote
1
answer
270
views
What settings does Firefox Safe mode changes, besides disabling themes, extensions or add ons?
There is an unusual behavior when using the scroll bar from Angular Material cdk-virtual-scroll-viewport using Firefox 88+ (Linux, Windows), Chrome works fine. The scrollbar jumps, remaining on top / ...
- 13