Appear scroll bar although dataSource is empty

Question

Hi Syncfusion Team,I am using Filtering and Virtual scroll in GridComponent. After I filtered, although dataSource is empty, the scroll bar still appears. How to I can make the scroll bar don't appear when dataSource is empty?Link sample: https://stackblitz.com/edit/react-c5z6u4?file=index.js Thanks,Ton That Hung

Rajapandiyan Settu · Accepted Answer

Hi Ton,Thanks for contacting Syncfusion support.By using the following code example in the dataBound
event, we can hide the scroller when no record is displayed in the Grid.dataBound: https://ej2.syncfusion.com/react/documentation/api/grid/#databoundhideScroll: https://ej2.syncfusion.com/react/documentation/api/grid/#hidescrollgetCurrentViewRecords: https://ej2.syncfusion.com/react/documentation/api/grid/#getcurrentviewrecords

[index.js]
   
    dataBound(args) {
      if (
  this.grid.getCurrentViewRecords().length == 0 &&
  this.grid.enableVirtualization) {
        this.grid.getContent().querySelector('.e-virtualtrack').style.height =
  'unset';  // remove the scrollbar
  thumb
        this.grid.hideScroll();
  // hide the scrollbar
      }
    }

Sample: https://stackblitz.com/edit/react-c5z6u4-kjbpgm?file=index.jsPlease get back to us if you need further assistance with
this.Regards,Rajapandiyan S

Ton That Hung · Answer

Thank for your solution.

Rajapandiyan Settu · Answer

Hi Ton,We are glad to hear that you have achieved your requirement
with the provided solution.Please get back to us if you need further assistance.Regards,Rajapandiyan S