Issue with FlexGrid don't see FlexGridColumn

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

    • Post Options:
    • Link

    Posted 1 March 2023, 8:41 pm EST


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

                      initialized={(e: wjGrid.FlexGrid) => initialized(e)}
                      formatItem={(flex: wjGrid.FlexGrid, e: wjGrid.FormatItemEventArgs) => formatItem(flex, e)}
                      <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="*" />

    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",
  • Posted 1 March 2023, 8:43 pm EST - Updated 1 March 2023, 8:48 pm EST

  • Posted 2 March 2023, 5:46 pm EST


    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 -

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


  • Posted 2 March 2023, 6:52 pm EST


    This is source of my example project

    FlexGrid is in src/components/WalletPage1Component.tsx


  • Posted 5 March 2023, 9:17 pm EST


    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.


  • Posted 5 March 2023, 11:34 pm EST


    When I switching statements result is the same.

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

    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.

  • Posted 6 March 2023, 10:45 pm EST


    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.


  • Posted 6 March 2023, 10:56 pm EST


    Thanks for your answer and I wait for update.


  • Posted 18 April 2023, 11:37 pm EST


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


Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels