需要显示自定义工具提示(dx-tooltip)悬停在单元上的dx数据网格在Angular 6应用程序中

npm install devextreme-angular --save

import { DxDataGridModule } from 'devextreme-angular';

<dx-data-grid
    [dataSource]="yourDataSource"
    [showBorders]="true"
    (onRowHoverChanged)="handleRowHover($event)"
>
    <!-- 定义数据列 -->
    <dxi-column dataField="column1" caption="Column 1"></dxi-column>
    <dxi-column dataField="column2" caption="Column 2"></dxi-column>
    ...
</dx-data-grid>

import { Component } from '@angular/core';

@Component({
    selector: 'your-component',
    templateUrl: 'your.component.html',
    styleUrls: ['your.component.css']
})
export class YourComponent {
    yourDataSource: any[]; // 定义你的数据源

    handleRowHover(e) {
        // 获取悬停的单元格数据
        const rowData = e.row.data;
        
        // 在这里通过自定义逻辑显示自定义工具提示(dx-tooltip)
        // 可以使用Angular Material的mat-tooltip组件或其他第三方库来实现
        // 示例代码：
        // this.tooltipService.showTooltip(rowData, e.event.target);
    }
}