Issue with FlexGrid don't see FlexGridColumn

Issue with FlexGrid don't see FlexGridColumn

Posted by: bmysliwy on 1 March 2023, 8:41 pm EST

• 

  bmysliwy

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 1 March 2023, 8:41 pm EST

  Hello,

  I have some issue with FlexGrid. Namely when I set props “autoGenerateColumns={false}” i can’t see my declared FlexGridColumn

  <FlexGrid
                    initialized={(e: wjGrid.FlexGrid) => initialized(e)}
                    formatItem={(flex: wjGrid.FlexGrid, e: wjGrid.FormatItemEventArgs) => formatItem(flex, e)}
                    itemsSource={postState.posts}
                    autoGenerateColumns={false}
                 >
                    <FlexGridColumn header="Identyfikator użytkownika" binding="userId" width={25} />
                    <FlexGridColumn header="Identyfikator posta" binding="id" width={25} />
                    <FlexGridColumn header="Tytuł" binding="title" width={200} />
                    <FlexGridColumn header="Treść" binding="body" width="*" />
                 </FlexGrid>

  my dependencies:

  "dependencies": {
      "@grapecity/wijmo.react.all": "^5.20222.877",
      "@redux-devtools/extension": "^3.2.5",
      "@reduxjs/toolkit": "^1.9.3",
      "@testing-library/jest-dom": "^5.16.5",
      "@testing-library/react": "^13.4.0",
      "@testing-library/user-event": "^13.5.0",
      "@types/jest": "^27.5.2",
      "@types/node": "^16.18.13",
      "@types/react": "^18.0.28",
      "@types/react-dom": "^18.0.11",
      "react": "^18.2.0",
      "react-dom": "^18.2.0",
    },

• 

  bmysliwy

  • Post Options:
  • Link
    Copy

  Posted 1 March 2023, 8:43 pm EST - Updated 1 March 2023, 8:48 pm EST

  

  1847×672 2.51 KB

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 2 March 2023, 5:46 pm EST

  Hi,

  Sorry, but we are unable to replicate the issue on our end, as there is no such behavior observed on our side. Could you please share a small sample in which we can replicate the issue, so that we can investigate the root cause of the issue and assist you accordingly?

  Here is the sample in which we tried to replicate the issue - https://stackblitz.com/edit/react-vrka5g?file=Grid.js

  In case, if there is something we missed, please let us know.

  Regards

• 

  bmysliwy

  • Post Options:
  • Link
    Copy

  Posted 2 March 2023, 6:52 pm EST

  Hi,

  This is source of my example project

  https://stackblitz.com/edit/react-ts-u6mqcp

  FlexGrid is in src/components/WalletPage1Component.tsx

  Regards

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 5 March 2023, 9:17 pm EST

  Hi,

  Sorry, but we are still unable to replicate the issue on our end. Can you please share a working sample, in which the issue can be replicated?
  
  Also, it seems you are setting autoGenerateColumns={false} after assigning the ‘itemsSource’ to the grid. You can try switching both these statements, however the root cause of the issue may be different in your case, So I would request you to share a working sample, so that we can investigate the issue.

  Regards

• 

  bmysliwy

  • Post Options:
  • Link
    Copy

  Posted 5 March 2023, 11:34 pm EST

  Hi,
  
  When I switching statements result is the same.

  Here is a sample with the same code in my project.

  https://stackblitz.com/edit/typescript-e9by68

  Perhaps the problem is with the new root.render or redux reaction. I’m still looking for a solution to this problem and I find one dependency. When I fetch data on another page and go back to Dashboard, I can see the data but still the column has no header and width set.

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 6 March 2023, 10:45 pm EST

  Hi,

  We are able to replicate the issue on our end. The issue is caused when flexgrid component is used inside StrictMode in the React app, and this is a bug that is escalated to the dev team with internal tracking id - WJM-24972. The dev team is working on this issue, we will update you as soon as we have a response from the dev team.
  
  Meanwhile, to avoid this issue, you can avoid using FlexGrid inside StrictMode.

  Regards

• 

  bmysliwy

  • Post Options:
  • Link
    Copy

  Posted 6 March 2023, 10:56 pm EST

  Hi,

  Thanks for your answer and I wait for update.

  Regards

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 18 April 2023, 11:37 pm EST

  Hi,

  This issue has been resolved by the development team and the fix will be included in our upcoming releases.

  Regards