555 questions
0
votes
0
answers
27
views
Syncing the width of mat-header-cell and mat-cell
I am having a mat-table with many columns and the data in some of the mat-cells is empty I want my mat-cell to inherit the width of my mat-header-cell.
Note: width of my mat-header-cell is based on ...
0
votes
0
answers
24
views
Single Checkbox in Mat-Table in Angular Strange Behavior
Situation:
I have a table with a [dataSource]="dataComision"
form that has a text input where a percentage is entered. Within the table, we have a checkbox, and when checked, all records in ...
-1
votes
1
answer
170
views
Angular 17: Sort Material Table with Signal data source
I have as datasource in a Material table a signal.
dataSource: WritableSignal<PeriodicElement[]> = signal([]);
The data of the table is displayed properly
I add according to the description ...
- 5,316
2
votes
0
answers
73
views
Angular Material Table - Extend column definition to prevent code duplication
We have a custom mat table to support various features, like sort, filter, value piping, drag drop, inline editing and more. Now we want to support displaying trees in the table. It's done so far. The ...
- 473
1
vote
3
answers
137
views
Mat-table sorting not working without setTimeout - this.sort is undefined
I have a table where data and columns are changed dynamically. I think I need to update the sort, but when I do this:
this.sort is undefined
Setting setTimeout to 2 seconds helps, but I know it's a ...
1
vote
0
answers
46
views
How to prevent rotated mat-table headers from being overlapped by adjacent columns?
In my Angular app, I’m using mat-table with some long column names. To improve readability, I applied a rotate(-30deg) transformation to the header labels. However, this causes the labels to be ...
- 77
0
votes
1
answer
229
views
Mat table exporter not compatable with Angular 16 or 17 or 18
I am upgrading my angular application from 15.x to 18 and currently i am using mat-table-exporter for downloading the data in xls format.currently this library is not supportive.Could you please share ...
- 1
0
votes
2
answers
63
views
Can't change table size
I am trying to create a table and have it on the right side of the screen but I just can't get it to change size so it doesn't take up the whole screen without making everything become unaligned.
<...
- 23
1
vote
0
answers
27
views
filterPredicate only seems to run when the filter variable is truthy. How do I get it to run everytime?
Some of the data is going to be taken out based on some logic that's unrelated to the filter input string. But I still need the filterPredicate function to run every time filter is changed.
Most of ...
- 874
1
vote
1
answer
47
views
How put an id(like index value) on a tr
I need to put an id that represent that number of row in my tr
I put this code
<tr mat-row *matRowDef="let row; columns: _columns;let i = dataIndex;" [id]="i"></tr>
...
- 495
0
votes
1
answer
127
views
Angular mat table with dynamic multi header row
I want to create following table with help of angular mat table.
It consists of 2 header rows with dynamic values.
Example on mat-table -
Here, its top row static - https://v15.material.angular.io/...
0
votes
0
answers
104
views
lazy-loading in Angular Material Table
I am using
"@angular/cdk": "^6.4.7", "@angular/common": "6.1.0", "@angular/compiler": "6.1.0", "@angular/core": "6.1.0",...
1
vote
0
answers
88
views
Angular 18 mat-table with border radius and row-hover
Version: angular and angular/material 18.2.8.
I currently implemented my tables like this:
styles.scss
table {
background-color: transparent !important;
}
.table-card {
margin-top: 20px;
...
- 914
1
vote
1
answer
56
views
Angular Material Table - Sort arrows not displaying correctly in mat-sort-header
I'm working on an Angular project where I'm using Angular Material's mat-table with sorting enabled. The sorting functionality works, but the arrows in the column headers are not displaying correctly ...
- 100
1
vote
1
answer
58
views
How to update angular mat-table if the drawer is in another component?
Main component has tabs, component A, B etc.
My component_A has preloaded data but I have a button for filter.
I have a button that toggles a drawer from another component (main component).
...
- 13