Hi,
Grid supports cells={{ headerCell: MyHeaderCell }} - a custom header cell component that receives thProps (the default th attributes) which you spread and extend with your own attributes (e.g. title):
const MyHeaderCell = (props: GridCustomHeaderCellProps) => {
const { thProps, children, ...rest } = props;
return (
<th {...thProps} {...rest} title="Custom tooltip text">
{children}
</th>
);
};
<Grid data={data} cells={{ headerCell: MyHeaderCell }}>
<GridColumn field="name" title="Name" />
</Grid>
Regards,
Vessy
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.