Column resizing issue

Question

After resize of columns, last column does not fit to table some blank space remain at end.Same issue appears after using  this.grid.autoFitColumns();

Ajith Govarthan · Accepted Answer

Hi Shivani, 
  
Thanks for contacting Syncfusion support. 
  
Query: After resize of columns, last column does not fit to table some blank space remain at end. Same issue appears after using  this.grid.autoFitColumns(); 
  
By default, in our EJ2 Grid when you enable the resizing feature then resizeSettings mode will be Normal. So, in Normal mode when you resize the columns the rest of the space will be adjusted at the end of the last column and shows as blank space, which is the default, behavior of our EJ2 Grid component. 
  
You can avoid the white space behavior by setting the resizeSettings mode as “Auto”. In this mode when you resize the columns it will be auto adjusted with other columns. So, the blank space will not be shown in the Auto mode of the resizeSettings.  
 
For your convenience we have attached the sample, please refer them for your reference. 
  
Code Example: 




App.component.ts 
  
resizeSettings = { mode: 'Auto' }; 
  
  ngOnInit(): void { 
    this.data = columnSpanData; 
    this.gridLines = 'Both'; 
  } 
  
  dataBound() { 
    this.grid.autoFitColumns(); 
  } 
Sample Link: https://stackblitz.com/edit/angular-9cb7bp-5t5ehv?file=app.component.ts 
  
UG-link: https://ej2.syncfusion.com/angular/documentation/api/grid/resizeSettings/ 
  
Please get back to us if you need further assistance. 
  
Regards, 
Ajith G.