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} moving={true}> ``` @@ -120,9 +120,9 @@ function headerTemplate(ctx: IgrCellTemplateContext) { ```tsx -<{ComponentSelector} moving="true"> +<{ComponentSelector} moving={true}> ... - <{RowIslandSelector} moving="true"> + <{RowIslandSelector} moving={true}> ``` @@ -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}> - + ```