diff --git a/doc/en/components/grids/_shared/column-moving.md b/doc/en/components/grids/_shared/column-moving.md
index 746cb774a..00b628e8d 100644
--- a/doc/en/components/grids/_shared/column-moving.md
+++ b/doc/en/components/grids/_shared/column-moving.md
@@ -47,10 +47,10 @@ public headerTemplate = (ctx: IgcCellTemplateContext) => {
```
```tsx
-function headerTemplate(ctx: IgrCellTemplateContext) {
+const headerTemplate = (ctx: IgrCellTemplateContext) => {
return (
<>
-
+
>
);
}
@@ -85,7 +85,7 @@ function headerTemplate(ctx: IgrCellTemplateContext) {
```tsx
-<{ComponentSelector} moving="true">{ComponentSelector}>
+<{ComponentSelector} moving={true}>{ComponentSelector}>
```
@@ -120,9 +120,9 @@ function headerTemplate(ctx: IgrCellTemplateContext) {
```tsx
-<{ComponentSelector} moving="true">
+<{ComponentSelector} moving={true}>
...
- <{RowIslandSelector} moving="true">{RowIslandSelector}>
+ <{RowIslandSelector} moving={true}>{RowIslandSelector}>
{ComponentSelector}>
```
@@ -212,15 +212,15 @@ public onColumnMovingEnd(event) {
```tsx
-function onColumnMovingEnd(grid: IgrGridBaseDirective, event: IgrColumnMovingEventArgs) {
+const onColumnMovingEnd = (grid: IgrGridBaseDirective, event: IgrColumnMovingEventArgs) => {
if (event.detail.source.field === "Category" && event.detail.target.field === "Change On Year(%)") {
event.detail.cancel = true;
}
}
-<{ComponentSelector} autoGenerate="false" moving="true" data={data} columnMovingEnd={onColumnMovingEnd}>
+<{ComponentSelector} autoGenerate={false} moving={true} data={data} onColumnMovingEnd={onColumnMovingEnd}>
-
+
{ComponentSelector}>
```