正文 

当前位置： 首页 > 问答 >

带有角度材料工具提示的 ag 网格

     2023-03-28     300

关键词：

【中文标题】带有角度材料工具提示的 ag 网格【英文标题】：ag grid with angular material tooltip 【发布时间】：2019-04-20 07:43:40 【问题描述】：

需要信息才能使用带有 ag 网格的 mat 工具提示，因为能够通过普通工具提示使用

 valueFormatter: this.tooltipFormatter
        , tooltip: function (params) 
          return (params.valueFormatted);

【问题讨论】：

【参考方案1】：

Ag 网格尚不支持高级工具提示。 您将不得不编写一个类似这样的自定义单元格渲染器组件 - 

import Component from "@angular/core";
import ICellRendererAngularComp from "ag-grid-angular";

@Component(
    selector: 'child-cell',
    template: `<span matTooltip="material tooltip">params.value</span>`
)
export class ChildMessageRenderer implements ICellRendererAngularComp 
    public params: any;

    agInit(params: any): void 
        this.params = params;
    

    refresh(): boolean 
        return false;

有关如何使用组件注册自定义单元格渲染器的更多详细信息在这里 - Custom Component Example

Registering framework components

【讨论】：

ag-grid 角度中的自定义工具提示部分可见

】ag-grid角度中的自定义工具提示部分可见【英文标题】：Customtooltipinag-gridangularispartiallyvisible【发布时间】：2021-04-2715:29:37【问题描述】：我正在尝试在ag-grid中实现自定义工具提示，但工具提示部分可见。作为参考，我在Plunker... 查看详情

如何在 ag 网格透视模式下将不同的列数据显示为工具提示？

】如何在ag网格透视模式下将不同的列数据显示为工具提示？【英文标题】：Howtodisplaydifferentcolumndataastooltipinaggridpivotmode?【发布时间】：2020-09-1612:34:33【问题描述】：varColDef=[headerName:"colA",field:\'colA\',rowGroup:true,headerName:"colB",field... 查看详情

在页面滚动时打开上方的角度材料工具提示并避免工具提示被隐藏

】在页面滚动时打开上方的角度材料工具提示并避免工具提示被隐藏【英文标题】：Toopenangularmaterialtooltipabovewhenthepageisscrolledandavoidthetooltipgettinghidden【发布时间】：2020-07-2606:04:35【问题描述】：我在stackblitz链接中添加了2个表格... 查看详情

角度 ag 网格不适用于角度 5

】角度ag网格不适用于角度5【英文标题】：angularaggridnotworkingwithangular5【发布时间】：2019-02-1414:59:10【问题描述】：我想在我的Angular5应用程序中使用ag-grid但我无法使用，因为它会在我的控制台中引发异常。我的组件代码：columnD... 查看详情

如何从虚拟 API 获取数据并使用 AG 网格以角度显示它

】如何从虚拟API获取数据并使用AG网格以角度显示它【英文标题】：HowtogetthedatafromadummyAPIanddisplayitusingAGgridinangular【发布时间】：2022-01-1406:39:48【问题描述】：我正在尝试显示来自API的数据并使用AG网格以角度显示它。我正在使... 查看详情

修改 AG-grid cell 工具提示的 z-index

】修改AG-gridcell工具提示的z-index【英文标题】：Modifyz-indexofAG-gridcell\'stooltip【发布时间】：2021-12-0117:03:41【问题描述】：我在Ag数据网格单元格中创建了一个HighChart。将鼠标悬停在折线图上时，我需要显示一个包含少量细节的工... 查看详情

了解角度材料网格列表

】了解角度材料网格列表【英文标题】：Understandingangular-materialgridList【发布时间】：2016-01-2505:36:07【问题描述】：我正在使用angular-materialgridList。您可以在codepenhere中查看示例。我想了解此示例中以下属性的含义以及如何使用它... 查看详情

在角度材料 md 对话框中使用带有所需 ^form 的指令

】在角度材料md对话框中使用带有所需^form的指令【英文标题】：Usedirectivewithrequired^forminanangular-materialmd-dialog【发布时间】：2016-08-1314:24:57【问题描述】：Plunker可用here我想在angular-materialmd-dialog中包含一个带有所需^form的指令（... 查看详情

带有打字稿的角度材料设计

】带有打字稿的角度材料设计【英文标题】：angularmaterialdesignwithtypescript【发布时间】：2017-01-1204:45:42【问题描述】：我是打字稿的新手，打字。模糊理解类型定义并尝试使用打字稿和角度材料设计设置角度1.5项目。我在类型>... 查看详情

如何创建带有角材料的卡片网格？

】如何创建带有角材料的卡片网格？【英文标题】：howdoicreateagridofcardswithangularmaterial?【发布时间】：2015-10-2716:06:33【问题描述】：我正在尝试使用ng-repeat创建每行包含三张卡片的网格。我有一个普通的javascript对象数组附加到范... 查看详情

ag-chart-tooltip 未显示工具提示 - 应用程序未获取 css

...：2021-01-1820:18:14【问题描述】：我正在使用ag-charts在我的角度应用程序中绘制一个简单的折线图。虽然图表正在绘制，但当我将鼠标悬停在数据点上时，我没有看到工具提示显示。但是我确 查看详情

如何以角度在 ag-grid 上触发 firstDataRendered？

】如何以角度在ag-grid上触发firstDataRendered？【英文标题】：howtotriggerfirstDataRenderedonag-gridinangular?【发布时间】：2021-04-1014:05:23【问题描述】：我的组件有获取数据的输入我用firstDataRendered选择第一行。问题是当输入数据发生变化... 查看详情

ag网格水平滚动

...talscroll【发布时间】：2017-07-0617:23:49【问题描述】：我在角度应用程序中使用了ag-gridng。当列数超过时无法获得水平滚动条。【问题讨论】：【参考方案1】：尝试在ag-grid中的每个columnDefs中输入minWidth，这可以确保每个都有与之... 查看详情

角度材料引导程序，如网格 mat-grid-list

】角度材料引导程序，如网格mat-grid-list【英文标题】：angularmaterialbootstraplikegridmat-grid-list【发布时间】：2018-11-2107:37:25【问题描述】：我正在尝试使用angular2和angularmaterial来实现Bootstrap样式的响应式屏幕。考虑这个例子：https://g... 查看详情

带有角度材料 2 的输入的自定义样式

】带有角度材料2的输入的自定义样式【英文标题】：Customstylesoninputswithangularmaterial2【发布时间】：2016-11-2110:53:30【问题描述】：我正在尝试设置输入的样式，使其具有一定的宽度。我正在使用AngularMaterial2，但由于某种原因，css... 查看详情

以角度将列标题过滤器保存在 ag-grid 中

】以角度将列标题过滤器保存在ag-grid中【英文标题】：Savecolumnheaderfilterinag-gridinangular【发布时间】：2021-12-0608:07:25【问题描述】：我正在开发一个现有应用程序，在该应用程序中，他们使用ag-grid库为他们在应用程序中拥有的大... 查看详情

如何在 ag 网格下拉列表中添加搜索栏

...必填字段请告诉我如何在ag-grid下拉菜单中添加搜索栏（角度）【问题讨论】：【参考方案1】：您可以为每列定义要使用的过滤器类型-在您的情况下，您需要使用“agTextColumnFilter”：colum 查看详情

如何在反应中实现 AG 网格行内的按钮

...发布时间】：2021-06-2302:36:07【问题描述】：我想实现一个带有名称、类型列的AG网格表。我想在表格中再添加一列“编辑”，并允许用户编辑和删除表格中的行。它看起来像这样：我从redux存储中获取数据，这是我在行内实现数... 查看详情