Here’s an example for custom editor in angular project https://stackblitz.com/edit/angular-dirbuj?file=src/app/hello.component.ts
[GH #4441] TypeError
Thank you mam,
Use this CustomEditor class if we need.
class CustomEditor extends Handsontable.editors.TextEditor {
constructor(props) {
super(props);
this.createElements();
console.log(“insde constructor”)
}
createElements = function() {
this.TEXTAREA = document.createElement('input');
this.TEXTAREA.className = 'handsontableInput';
this.TEXTAREA.style = 'text-transform: uppercase';
Handsontable.dom.empty(this.TEXTAREA_PARENT);
this.TEXTAREA_PARENT.appendChild(this.TEXTAREA);
}
}
@Component({
selector: ‘hello’,
template: <div class='hot'><hot-table [editor]='editor'[settings]="settings" ></hot-table> </div>
,
styles: [.hot{ text-transform: uppercase }
]
})
Hi @krishnappa
I just wanted to update you about the fact that the mentioned issue https://github.com/handsontable/handsontable/issues/4441 was solved in Handsontable v 8.0.0-beta2 released yesterday. I hope that it will also solve your issue.
Here’s a full list of changes https://github.com/handsontable/handsontable/releases/tag/8.0.0-beta.2
NPM https://www.npmjs.com/package/handsontable/v/8.0.0-beta.2