When using the cell prop to display an icon in the grid column. when we try clicking on the icon does not trigger the onRowClick event,
sample code :
<Grid{...dataState}
data={Data?.data}
pageable={{
pageSizes: [20, 50],
buttonCount: 5,
}}
total={Data?.totalItems}
pageSize={dataState?.take}
onDataStateChange={dataStateChange}
scrollable="scrollable"
onRowClick={handleRowClick}
>
<Column
title="Icon Name"
width={20}
headerClassName="custom-header"
cell={(props) => {
const { Name } = props.dataItem;
return (
<td className="classname">
{Map[Icon] || ""}
</td>
);
}}
/>
Not only for the icon for anything that uses cell prop and use td is not triggering the rowclick.
Would Appreciate any suggestions or possible solutions, Thank you...