如何在 ag-grid 行上创建工具提示？

Question

我想根据status字段有条件地显示工具提示，将鼠标悬停在整行上（而不仅仅是在单元格上）。在 API 文档中，我发现了这个：https : //www.ag-grid.com/javascript-grid-column-properties/

tooltip 一个回调，它接受 (value, valueFormatted, data, node , colDef, rowIndex, and api) 它必须返回用作工具提示的字符串。tooltipField 优先。

这可以用于在整行上显示工具提示吗？如果是，任何人都可以提供任何工作示例吗？如果没有，我还有其他方法可以实现吗？

谢谢

Answer 1

我在列定义中像这样使用它们：

{
    field: 'fullAddress',
    headerName: 'Address',
    tooltip: (params) => 'Address: ' + params.value
}

Answer 2

从v20.1开始，colDef.tooltip已被弃用。

您现在可以使用 在单个列上设置工具提示colDef.tooltipField。您可以传递可选tooltipComponentParams对象以进行进一步自定义。

const columnDefs = [
    {
        field: 'FirstName',
        headerName: 'First Name',
        tooltipField: 'FirstName',
        tooltipComponentParams: {
            // Optional Parameters
        }
    }
]

您还可以注册并使用自定义工具提示组件来进行完全自定义。

文档

Answer 3

我发现了这样的东西：

gridOptions.defaultColDef = {
    tooltip: (params) => {
        if (condition2) {
            return "Some txt";
        } else if (condition2) {
            return "Some txt2";
        } else {
            return "Some txt3";
        }
    }
};

它将将此工具提示添加为默认列定义，因此您无需在每个列定义中复制它。

-> 文档链接：https : //www.ag-grid.com/javascript-grid-cell-editing/