By default the DataGrid adds tooltip for the table header and table body.
In situations when the column content is not a plain text but a JSX element , the tooltip displays incorrect value
We can either
Disable the tooltip for the required column or Provide a custom string whenever a cell value is a JSX element /component
Component(s) impacted
DataGrid
Browser
Chrome, Safari, Microsoft Edge
@carbon/ibm-products (previously @carbon/ibm-cloud-cognitive) version
"@carbon/ibm-products": "2.40.0",
Severity
Severity 2 = Aspects of design is broken, and impedes users in a significant way, but there is a way to complete their tasks. Affects major functionality, has a workaround.
Package
Carbon for IBM Products
Description
By default the DataGrid adds tooltip for the table header and table body. In situations when the column content is not a plain text but a JSX element , the tooltip displays incorrect value
We can either
Component(s) impacted
DataGrid
Browser
Chrome, Safari, Microsoft Edge
@carbon/ibm-products (previously @carbon/ibm-cloud-cognitive) version
"@carbon/ibm-products": "2.40.0",
Severity
Severity 2 = Aspects of design is broken, and impedes users in a significant way, but there is a way to complete their tasks. Affects major functionality, has a workaround.
Product/offering
Infrastructure
CodeSandbox or Stackblitz example
https://codesandbox.io/p/sandbox/datagrid-clear-fliter-issue-forked-plpt64?file=%2Fsrc%2FExample.js%3A161%2C7
Steps to reproduce the issue (if applicable)
No response
Release date (if applicable)
No response
Code of Conduct