Using any kind of event I managed to find from the API for select and autocomplete ends up with the MatPaginator being 'a step behind', e.g. while the filtered data is supposed to be only 200 in length, the paginator.length…
I've been struggling for a while now on how to manually change the ripple color of a <mat-input> element and I can't seem to get it to work in any way. <input matInput type="number" (keydown)="updateManualPage(1)" placeholder="Filter" formControlName="filterParam1"> I've tried everything…
I have an autocomplete in my angular reactive form. I want to display myObject.name but use myObject.id as value. When the form is prefilled with existing values, I need to get myObject.name base on myObject.id which takes some time. So…
In my project black theme we are using so, need to show checkbox border color with white border. But, css is not working in checkbox and border color is not changing. Is there any way to change the border color…
I'm working on an Angular 10 application and using Angular Material Icons. I'm looking for a way to dynamically display a dropdown list containing all the available Material Icons. I've attempted to retrieve the list programmatically using MatIconRegistry, but so…
I have a function that trigger when I sort the table deepens of a column I click but the data is not updating. This is the function and the table code: <table mat-table #table [dataSource]="dataSourceMD" matSort (matSortChange)="getRowMaximoTable($event)" matTableExporter #exporter="matTableExporter" #sortMD="matSort"…
I am stuck trying to figure out why my mat-table is not showing my data... I am using Angular 15 and angular material 15 Here is my HTML component code: <mat-divider></mat-divider> <table mat-table [dataSource]="terjatveTable" class="mat-elevation-z8"> <!-- Name Column --> <ng-container…
I cannot align the content to the center in a mat-form-field of angular material these are my form-fields: enter image description here I need them to look like this: enter image description here I don't know which angular material css…
I am using Angular Material 14 with Angular 15 and below is the code to display Menu items with mat-nav-list <mat-nav-list role="list"> <a mat-list-item role="listitem" class="list-item-setting" matTooltipPosition="right" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}" class="admin-link"> <mat-icon class="list-item-setting">user1</mat-icon> <span>User 1</span> </a> <a mat-list-item role="listitem" class="list-item-setting" matTooltipPosition="right"…
I am implementing a table with MatSort where every column sorting works except one (the third): <ng-container matColumnDef="nbreEnregistrementTotal"> <th mat-header-cell *matHeaderCellDef mat-sort-header>N° enregistrement dans le fichier</th> <td mat-cell *matCellDef="let row"> {{row.nbreEnregistrementTotal}}</td> </ng-container> <ng-container matColumnDef="nbreMouvementsDetailsDiffusees"> <th mat-header-cell *matHeaderCellDef mat-sort-header>N° enregistrement acceptées</th>…