Grid locked custom column

1 Answer 76 Views
Grid
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Bohdan asked on 30 Jan 2026, 07:24 PM | edited on 02 Feb 2026, 01:22 PM

Hi, 

I am looking for a solution for locked custom column and I bumped into some example, but seems like it's already outdated and not working anymore at least due to missing 'cell' property in GridColumn component and missing tdProps in GridCellProps interface.

Is there any chance to bring the example up-to-date?
or are there any fresh articles/knowledge-base related to this problem?
example

related post here:
related forum post

Thanks,
Bohdan

1 Answer, 1 is accepted

Sort by
1
Accepted
Vessy
Telerik team
answered on 03 Feb 2026, 08:22 AM

Hi,

Sure, Bohdan, below you will find a sample demonstrating how to implement a custom locked column with the latest version of the Grid:

const CustomColumn = (props) => {
  const field = props.field || '';
  const value = props.dataItem[field];
  return (
    <td {...props.tdProps}>
      {value === null ? '' : props.dataItem[field].toString()} Custom cell
    </td>
  );
};

...
      <GridColumn
        field="ID"
        title="Actions"
        width="120px"
        locked={true}
        cells={{ data: CustomColumn }}
      />

 

    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.

    Tags
    Grid
    Asked by
    Bohdan
    Top achievements
    Rank 3
    Iron
    Iron
    Iron
    Answers by
    Vessy
    Telerik team
    Share this question
    or