ColumnChooser (issue with autoFitColumns)

Question

I am running into a problem when changing the selected columns.

Here is a video showing the problem

And here is a codesandbox that shows the issue

Basically, when changing the number of columns the new columns won't appear.

Ajith Govarthan · Accepted Answer

Hi Jonathan, 
  
Thanks for contacting Syncfusion support. 
  
Query: Basically, when changing the number of columns the new columns won't appear. 
  
Based on your query you are facing columns hide issue when changing the column’s visible state with column chooser in your Grid application. So, we have modified your attached sample in that we have used the actionComplete event instead of actionBegin event. 
  
Using the actionComplete event we have called the autoFitColumns method with columnstate requestType,  which resizes the columns after completing the columns visible state change process. So, all the columns will be autofitted and showed properly in the Grid component. For your convenience we have attached the sample please refer them for your reference. 
  
Code Example: 




App.tsx 
  
      actionComplete={(args) => { 
        if (args?.requestType === "columnstate") { 
          grid?.autoFitColumns(); 
        } 
      }} 
  
Sample Link: https://codesandbox.io/s/jovial-panini-irnwo?file=/src/App.tsx 
  
Please get back to us if you need further assistance. 
  
Regards, 
Ajith G.

Jonathan De Wet · Answer

Thanks for the fast reply :) Your solution works perfectly.

Ajith Govarthan · Answer

Hi Jonathan, 
  
Thanks for the update. 
  
We are happy to hear that your issue has been resolved. 
  
Please get back to us if you need further assistance. 
  
Regards, 
Ajith G.