为Mui数据过滤器添加工具提示

Question

我想在我的项目中更改的过滤器图标工具提示。目前，它正在成为“筛选表”，我希望将其更改为“Filter”，仅限于：滤波图像

我试着用加法来做这件事，但这对我没有用：

const options = {{
  textLabels: {
    body: {
      toolTip: "Filter",
    },
    filter: {
      title: "FILTERS",
    },
  }
}

Answer 1

您可以使用mui-datatables的components道具来创建自定义Tooltip。

<MUIDataTable
   data={data}
   columns={columns}
   components={{
      Tooltip: CustomTooltip
   }}
/>

const CustomTooltip = ({ children, ...props }) => {
    return (
      <MuiTooltip
        {...props}
        title={props.title === "Filter Table" ? "Filter" : props.title}
      >
        {children}
      </MuiTooltip>
    );
};

演示：https://codesandbox.io/s/muidatatables-custom-toolbar-forked-z6ddl0