I have a search bar outside the table and when I call from that search plugin is not available to search through handsontable, and the search plugin is being called whenever there are changes in the cell, Can you please suggest me how to call a cell event outside the table.Thank you.
Call afterChange event outside the table
Hi @shaiksazidh
Do you use any JavaScript frameworks or the vanilla (pure) version?
Here’s an example for vanilla https://jsfiddle.net/c1bLr5sy/ but to use the same in any framework you’d need to create a reference to the instance of Handsontable.
Let me know if that demo would work for you.
No it didn’t work for me I use Javascript, Can I know how to edit column header and make a call afterchanges done?
@shaiksazidh that demo https://jsfiddle.net/c1bLr5sy/ is in pure JavaScript (the vanilla is a name that indicates that we do not use any framework).
Can I know how to edit column header and make a call afterchanges done?
Editable headers are not officially supported by Handsontable. Would you like then to be editable as cells (on a doublick click)?
I am trying for searching in handsontable, I am able to search when I call inside the cell.Is there any option apart from above demo to search.
Could you share the latest progress in a demo? I am not sure if I understand.
afterChange: function(changes, source) {
if(!changes) {
$rootScope.orderEdit=true;
return;
}
if(changes && changes[0][0]==0){
this.getPlugin(‘search’).query(changes[0][3]);
this.render();
}
}
the first row cells acts as search bars
the first row cells acts as search bars
Aaa, ok. I thought that you are doing searching outside the table (via input). That is not an operation that we support by default, but it is doable.
I suggest starting with this demo https://jsfiddle.net/548wf7aL/1/ It uses hiddenRows to hide rows that do not meet the requirements. This is not an official demo. This is an example that I made for you to show how to approach this subject.