Grid locked custom column

[Bohdan]

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

[Vessy]

Hi,

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

• https://stackblitz.com/edit/react-f8ichuph-lsckzf27?file=app%2Fapp.tsx 

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