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

Question

我使用的是具有角度4的devextreme，以及在将数据绑定到网格之后，我如何无法删除网格标题中的空白。下面是我的dx数据网格的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>

下面是附加的图像，它代表了我在网格标题上获得的空白。

​

​

请任何一个人帮助提供关于如何删除网格标题上的空白的查询的任何建议。

事先非常感谢。

Answer 1

我找到两种方法来解决这个问题

1. 使用DataGrid组件的高度属性
2. 如果这是不可能的，例如，当存在多个网格时，您不知道它们的大小 ..dx row.dx-freespace-row{ display: none！重要；}

https://supportcenter.devexpress.com/ticket/details/t351629/data-grid-generates-an-extra-row