表格行每行右移

Question

我有一个问题，行中的数据每行向右移一点……这是我的表：

     <div class="table-container mt-5">
                <mat-table #table [dataSource]="dataSource" class="thetable">
                    <ng-container matColumnDef="descrizione">
                        <mat-header-cell *matHeaderCellDef>{{'CREATE_BANDO.DESCRIZIONE' | translate}}</mat-header-cell>
                        <mat-cell *matCellDef="let element">{{element.descrizione}}</mat-cell>
                    </ng-container>

                    <ng-container matColumnDef="CIG">
                        <mat-header-cell *matHeaderCellDef>{{'CREATE_BANDO.CIG' | translate}}</mat-header-cell>
                        <mat-cell *matCellDef="let element">{{element.cig}}</mat-cell>
                    </ng-container>

                    <ng-container matColumnDef="enteGarantito">
                        <mat-header-cell *matHeaderCellDef>{{'CREATE_BANDO.ENTE_GARANTITO' | translate}}</mat-header-cell>
                        <mat-cell *matCellDef="let element">{{element.enteGarantitoDto?.ragioneSociale}}</mat-cell>
                    </ng-container>

                    <ng-container matColumnDef="dataInizioBando">
                        <mat-header-cell *matHeaderCellDef>{{'CREATE_BANDO.DATA_INIZIO' | translate}}</mat-header-cell>
                        <mat-cell *matCellDef="let element">{{element.dataInizioBando | date: 'dd/MM/yyyy'}}</mat-cell>
                    </ng-container>

                    <ng-container matColumnDef="dataFineBando">
                        <mat-header-cell *matHeaderCellDef>{{'CREATE_BANDO.DATA_FINE' | translate}}</mat-header-cell>
                        <mat-cell *matCellDef="let element">{{element.dataFineBando | date: 'dd/MM/yyyy'}}</mat-cell>
                    </ng-container>

                    <ng-container matColumnDef="azioni">
                        <mat-header-cell *matHeaderCellDef></mat-header-cell>
                        <mat-cell *matCellDef="let element"> 
                            <button
                                class="btn btn-sm btn-outline-brand m-btn m-btn--icon m-btn--icon-only m-btn--pill" placement="top"
                                ngbTooltip="{{'GESTIONE_FIDEJUSSIONI.TABLE.DETTAGLIO' | translate}}"
                                (click)="$event.stopPropagation();modificaBando(element)">
                                <i class="fas fa-info"></i>
                            </button>
                        </mat-cell>
                    </ng-container>

                    <mat-header-row *matHeaderRowDef="displayedColumns"> 
   </mat-header-row>
                    <mat-row *matRowDef="let row; columns:displayedColumns;"> 
    </mat-row>
                </mat-table>
    </div>

我尝试用简单的字符串交换元素和引用，例如{{CREATE_BANDO.X}}并禁用* ngIfs，也许错误不是逻辑上的。我想问问ig，您能告诉我我对角材料的部分是否有错误