无法删除角度devextreme数据网格中标头部分中的空格

Question

我正在使用角度为4的devextreme数据网格以及将数据绑定到网格后如何无法删除网格标题中的空白的一些方法。 下面是我关于如何指定列的dx-data-grid的HTML代码。

    <dxo-remote-operations [sorting]="true" [paging]="true"></dxo-remote-operations>
    <dxo-column-chooser [enabled]="true"></dxo-column-chooser>
    <dxo-paging [pageSize]="10"></dxo-paging>
    <dxo-pager [showInfo]="true" [showPageSizeSelector]="true" [allowedPageSizes]="[10, 20, 50]"></dxo-pager>

    <div *dxTemplate="let rating of 'RatingTemplate'">
        <p>{{rating.value.Rating}}</p>
    </div>
    <div *dxTemplate="let share of 'ShareTemplate'">
        <p>{{share.value.Share}}</p>
    </div>

    <div *dxTemplate="let temp of 'Template'">
        <p>{{temp.value.People}}</p>
    </div>

    <div *dxTemplate="let data of 'ReportTemplate'">
        <a href="JavaScript:void(0)"  (click)="ReportTitleClick(data.row)">{{data.value}}</a>
    </div>

    <div *dxTemplate="let data of 'STemplate'">
        <div *ngIf="data.value === 3">
            <a href="JavaScript:void(0)" (click)="Show(data)">Mo</a>
        </div>
        <div *ngIf="data.value !== 3">
            <a href="JavaScript:void(0)" (click)="Show(data)">TB</a>
        </div>
    </div>

    <div *dxTemplate="let change of 'changeButton'" class="dropdown">
        <button class="btn btn-primary dropdown-toggle" type="button" appNgBoostrapDropdown data-toggle="dropdown">Change
            <span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li *ngFor="let data of changeOptions" (click)="changewizard(data)"><a>{{data.text}}</a></li>
        </ul>
    </div>
</dx-data-grid>

及以下是代表我在网格标题上获得的空白的附件图像。

任何人都可以在此查询中提供有关如何删除网格标题上的白色空白的任何建议。

非常感谢。