代码之家  ›  专栏  ›  技术社区  ›  User3250

Mat paginator更改工具提示位置

  •  3
  • User3250  · 技术社区  · 6 年前

    我试图定位的工具提示 mat-paginator 靠近分页按钮。当前,工具提示太远,请参见以下内容:

    enter image description here

    我试着更新 .cdk-overlay-pane .mat-tooltip-panel

    0 回复  |  直到 6 年前
        1
  •  0
  •   OneLunch Man    6 年前

    需要深入组件内部

    ::ng-deep body .cdk-overlay-container {
        .mat-tooltip {
            top: 104px;
        }
    }
    
        2
  •  0
  •   parliament    5 年前

    您可以创建自定义MatpaginatorIL并将标签设置为空字符串:

    import { MatPaginatorIntl } from '@angular/material';
    
    export class MatPaginatorHideLabels extends MatPaginatorIntl {
       itemsPerPageLabel = '';
       nextPageLabel     = '';
       previousPageLabel = '';
    }
    

    然后,您可以将其添加到全局提供程序中,或者如果希望更具体,可以将其添加到组件上的提供程序中。

    @Component({
        providers: [{ provide: MatPaginatorIntl, useClass: MatPaginatorHideLabels }]
    })