diff --git a/samples/grids/grid/binding-nested-data-1/src/index.tsx b/samples/grids/grid/binding-nested-data-1/src/index.tsx index 1e4841d7b4..35a37d6769 100644 --- a/samples/grids/grid/binding-nested-data-1/src/index.tsx +++ b/samples/grids/grid/binding-nested-data-1/src/index.tsx @@ -59,7 +59,8 @@ export default class Sample extends React.Component { field="Employees" header="Employees" bodyTemplate={this.webGridNestedDataCellTemplate} - width="20%"> + width="20%" + minWidth="275px"> m.register()); export default class Sample extends React.Component { - private treeGrid: IgrTreeGrid - private treeGridRef(r: IgrTreeGrid) { - this.treeGrid = r; + private grid: IgrTreeGrid + private gridRef(r: IgrTreeGrid) { + this.grid = r; this.setState({}); } constructor(props: any) { super(props); - this.treeGridRef = this.treeGridRef.bind(this); + this.gridRef = this.gridRef.bind(this); } public render(): JSX.Element { @@ -35,8 +35,8 @@ export default class Sample extends React.Component {
{ } public toggleColumnPin(field: string) { - var treeGrid = this.treeGrid; + var treeGrid = this.grid; var col = treeGrid.getColumnByName(field); col.pinned = !col.pinned; treeGrid.markForCheck();