Html 角度对话框大小

我的代码中有一个mat对话框，其中显示元素列表。但是第一列对于其内容来说太窄，因此，它的属性与下面的行重叠。如何使对话更广泛

<mat-dialog-content class="pt-4">
    <div>
        <table mat-table [dataSource]="dataSource" matSort class="material-request-table w-100-p">
            <ng-container matColumnDef="Name">
                <th mat-header-cell *matHeaderCellDef> Name </th>
                <td mat-cell *matCellDef="let row; let i = index">
                    <div>
                        {{row.Name}}
                    </div>
                </td>
            </ng-container>
            <ng-container matColumnDef="Number">
                <th mat-header-cell *matHeaderCellDef> Number </th>
                <td mat-cell *matCellDef="let row; let i = index">
                    <span>{{row.Number}}</span>
                </td>
            </ng-container>
            <tr mat-header-row *matHeaderRowDef="columns"></tr>
            <tr mat-row *matRowDef="let row; columns: columns; let i = index"></tr>
        </table>
    </div>
    <mat-paginator [pageSizeOptions]="[10, 20, 50, 100]"></mat-paginator>
</mat-dialog-content>

名称
{{row.Name}
数
{{row.Number}

例如

this.dialog.open(MyDialog, {
  width: '250px',
  maxWidth: '100%',    
});

更多信息请访问