.mat-table {
overflow-x: scroll;
}
.mat-cell,
.mat-header-cell {
word-wrap: initial;
display: table-cell;
padding: 0px 10px;
line-break: unset;
width: auto;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
.mat-row,
.mat-header-row {
display: table-row;
}
<ng-container *ngFor="let disCol of headerColumns; let colIndex = index" matColumnDef="{{disCol.key}}">
<mat-header-cell *matHeaderCellDef>{{disCol.name}}</mat-header-cell>
<mat-cell *matCellDef="let element "> {{element[disCol.key]}}
</mat-cell>
</ng-container>
Hola Buenas Tengo una tabla de material que tiene que tener scroll y ajustarse al 100% el problema es que al poner display table row se queda sin ajustar