I'm using angular 6 and I have a button which opens a dialog. in my dialog, I have a form that gets user's data and then I have two buttons to submit and cancel
I want to customize a <cdk-virtual-scroll-viewport> by using the CSS class .cdk-virtual-scroll-content-wrapper so that the scroll container always shows a
How can I filter the material data table with specific column ? public dataSource; this.dataSource = new MatTableDataSource(this.items); this.dataSo
I'm trying to add the sorting feature for the mat-table with angular material. I had got the hand cursor over my columns, When I clicked I'm unable to see it's
I am using Angular (4) + Angular Material and Reactive Forms for my Form Field. How can I disable that? I tried to google for things like disabled="true" or som
I want to use mat-grid-list to create a grid list layout in which each mat-grid-tile contains a mat-card that fills the entire tile regardless of the card's con
How to style mat-select's panel component. From the docs I get that I need to provide panelClass so I make it like this: <mat-form-field> <mat-sele
am trying to hide the scrollbar from the side while keeping the ability to scroll StackBlitz Demo: https://stackblitz.com/edit/github-443roq
I have a little issue with Angular Material Menu module. I have this code in my app.module.ts: import { SharedModule } from './shared/shared.module'; @NgModu
So I'm using Cypress for testing our Angular application, but for some reason I always have an issue with closing mat-select components which are multiselect. H
I'm trying to provide scrolling while dragging a cdkDropList item. As of right now the page can't scroll without using the mousewheel to scroll. I was hoping to
css: .mat-drawer-content { position: relative; z-index: 1; display: block; height: 100%; overflow: auto; } Hello, I have a problem that
I want to use Angular Material tabs https://material.angular.io/components/tabs with a router navigation in the tabs. I tried to use <nav mat-tab-nav-bar>
Is it possible to select all for each page of an angular material table. I have it set where the first page can select all of the current items displayed which
In mat-select multiple selections, all the selected values are displayed in the select field. I want only the first selected value along with +1 or +2 etc if mo
I have Mat-select dropdown as follows <mat-form-field> <mat-label>Gender</mat-label> <mat-select id="gender" required formContro