Add Tooltip to Filter Icon in ObjectTable Component
- Wrapped the FilterIcon in a Tooltip component to enhance user experience by providing a visual cue for filtering functionality. - Ensured the tooltip listens to parent events for better interaction on mobile devices.
This commit is contained in:
parent
33423fe437
commit
650d9a8513
@ -1259,7 +1259,11 @@ const ObjectTable = forwardRef(
|
|||||||
fixed: isMobile ? undefined : fixed,
|
fixed: isMobile ? undefined : fixed,
|
||||||
key: prop.name,
|
key: prop.name,
|
||||||
filterIcon: () => {
|
filterIcon: () => {
|
||||||
return <FilterIcon />
|
return (
|
||||||
|
<Tooltip title='Filter' listenParents={1}>
|
||||||
|
<FilterIcon />
|
||||||
|
</Tooltip>
|
||||||
|
)
|
||||||
},
|
},
|
||||||
render: (text, record) => {
|
render: (text, record) => {
|
||||||
if (record?.isSkeleton) {
|
if (record?.isSkeleton) {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user