All Questions
632 questions
-1
votes
1
answer
160
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
72
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
135
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
220
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
1
vote
1
answer
45
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
126
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/...
1
vote
1
answer
53
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
0
votes
1
answer
240
views
How to use MatPaginatorIntl as paginator on MatTableDataSource like a MatPaginator?
I am using Material Angular 18.2.8 and have the following problem:
I have my custom paginator class that extends MatPaginatorIntl like this (don't mind the strings it was just for debugging purposes ...
- 5
2
votes
1
answer
504
views
Angular Material Table - How to specify the width of a column
<mat-tab class="StatusTab" label="Status">
<mat-table class="table mat-elevation-z10" [dataSource]="statusDetails">
<ng-container ...
- 21
1
vote
1
answer
112
views
Angular Material - How to sort the data for mat-table in the loop
I am displaying the mat -table inside a loop. The records are displaying correctly and sorting arrows are also displayed. I've used MatSort but it is not working. Can anyone help me out where I am ...
- 253
1
vote
2
answers
109
views
Angular Material - How to display data with the loop in the mat-table
I use the Angular Material table to display records inside a loop. According to my code, only one record is getting displayed. However, two records are coming from the response. Please review my array ...
- 253
0
votes
1
answer
164
views
Mat Table using titles of header with spaces
I am using Angular material with "mat-table" and I want use titles of header with spaces,
for example: First Name, Last Name ... , But not work!
Just data of "id" column appear coz ...
- 386
0
votes
3
answers
324
views
i have 4 mat tab labels in a mat tab group and i want to position 2 of them left and another 2 label to right how to achive this one for angular 17
I require one and two mat tab labels to position on left side and three and four mat-tab-labels on right side of the page. I tried giving margin but the the element is expanding all the way to right ...
- 9
2
votes
1
answer
417
views
How to keep mat table paginator at selected page after refresh?
I am using mat table to show data and my API gives page-wise data.
Now, first time it renders and then user changes the page and refreshes the page after, then I want to show the second page and not ...
- 23