Disable dataBound() on smaller screens

Question

Hi, if I want to use the dataBound() property for auto-sizing column widths in my grid, how do I turn it off for smaller screens (like iPad at 1024px wide)?

Rajapandiyan Settu · Accepted Answer

Hi Glen, 
 
Greetings from Syncfusion support. 
 
Query: if I want to use the dataBound() property for auto-sizing column widths in my grid, how do I turn it off for smaller screens (like iPad at 1024px wide)? 
 
By using height and width property of screen, we can prevent the auto-resizing column width in the smaller screen. Refer to the below code example and sample for more information. 
 




 
dataBound() { 
      if(window.screen.height >= 720 && screen.width >= 1280){ // check the screen resolution as you need 
        alert(window.screen.height); 
        this.grid.autoFitColumns([]); // auto fit the grid columns 
      } 
    } 
 
 
Sample: https://stackblitz.com/edit/angular-8oktge-tvjrdx?file=app.component.ts  
 
Please get back to us if you need further assistance with this. 
 
Regards,  
Rajapandiyan S