Hi Manolo,
Greetings from Syncfusion support.
We have analyzed the reported query “Disable grid but not the scroll” at our end.
We have achieved your requirement using manually adding and removing disablegrid class for grid elements. We suggest using the getContentTable and getHeaderTable method to fulfill your need.
Refer the below help documentation.
For your request, please refer the below code and sample
[app.component.css]
|
.disablegrid {
pointer-events: none;
opacity: 0.4;
}
.wrapper {
cursor: not-allowed;
} |
[app.component.ts]
|
public btnClick(): void {
if (this.Grid.getContentTable().classList.contains('disablegrid')) {
this.Grid.getContentTable().classList.remove('disablegrid');
this.Grid.getHeaderTable().classList.remove('disablegrid');
document.getElementsByClassName('e-toolbar')[0].classList.remove('disablegrid');
document.getElementById('GridParent').classList.remove('wrapper');
} else {
// To disable the grid table
this.Grid.getContentTable().classList.add('disablegrid');
// To disable the grid header
this.Grid.getHeaderTable().classList.add('disablegrid');
// To disable the Toolbar
document.getElementsByClassName('e-toolbar')[0].classList.add('disablegrid');
document.getElementById('GridParent').classList.add('wrapper');
}
} |
Please check the documentation/sample link and get back to us, if you require any further assistance on this.
Regards,
Thavasianand S.
