我使用 mat-table 在網格中顯示記錄，并使用 matTooltip 在鼠標懸停時顯示工具提示。我想在鼠標指針附近或行的起始位置顯示工具提示。但就我而言，工具提示始終顯示在行的中心。我嘗試在 css 中設置位置，但沒有成功。有人可以幫忙解決這個問題嗎？HTML：<mat-row *matRowDef="let row; columns: mGridColumns;" (click)="onRowClick(mGridDataSource, row)" [matTooltip]="row.tooltipText" [matTooltipClass]="'row-tooltip'"></mat-row>CSS：.row-tooltip { position: relative !important; right: 30px !important; background-color: #fafafa; font-size: 12px; }
1 回答
阿晨1998
TA貢獻2037條經驗 獲得超6個贊
來自https://material.angular.io/components/tooltip/overview：“工具提示將顯示在元素下方，但這可以使用 matTooltipPosition 輸入進行配置。工具提示可以顯示在元素的上方、下方、左側或右側元素。默認情況下，位置將在下方。如果工具提示應在 RTL 布局方向上切換左/右位置，則應分別使用之前和之后的位置，而不是分別使用左側和右側。 ”
因此，這會將工具提示呈現在行的左側：
<mat-row
*matRowDef="let row; columns: mGridColumns;"
(click)="onRowClick(mGridDataSource, row)"
[matTooltip]="row.tooltipText" [matTooltipPosition]="'left'">
</mat-row>
- 1 回答
- 0 關注
- 112 瀏覽
添加回答
舉報
0/150
提交
取消