如何在ag-grid React中的标题下方显示自定义工具提示组件标题工具提示

问题描述 投票:0回答:0

我正在 AG 网格版本 25.3.0 中创建自定义 headerTooltip 组件,根据文档,我已在 FrameworkComponents 中注册了自定义工具提示组件,并在 defaultColdefs 中使用了 tooltipComponent,我在表格底部得到了 headerTooltip,是与版本相关的问题,或者我缺少任何步骤

import React from 'react';
import { ITooltipParams } from 'ag-grid-community';

const CustomTooltip = (props: ITooltipParams) => {
  const tooltipStyle: React.CSSProperties = {
    backgroundColor: "white",
    // ...other styles
  };

  return (
    <div style={tooltipStyle}>
      <p>
        <span>Description:</span>
      </p>
      <p>
        your text
      </p>
      <p>
        <span>{props.value}</span>
      </p>
    </div>
  );
};

export default CustomTooltip;

我原以为工具提示会出现在标题下方,但它出现在表格下方

typescript frontend tooltip ag-grid ag-grid-react
© www.soinside.com 2019 - 2024. All rights reserved.