Externalizing the Toolbar not working in Paginator

[Mez67]

hi
I am currently working on a project that utilizes Externalizing the Toolbar , and I have encountered an issue with the Paginator in the Externalizing the Toolbar feature.

It seems that the output is not displaying correctly in this mode, and it does not provide the expected information. I have reviewed all the settings and am confident that they are configured correctly, but I am still facing this issue.

Could you please provide guidance on what steps I should take, or is this a known issue? Any information or assistance you can offer would be greatly appreciated.

{apiRef.current && apiRef.current.context.gridOptions &&
          
                <div  align="center" className='mt-2'>
                    <Paginator node={createNode(apiRef.current.context.gridOptions)} />
                    <SettingsMenu node={createNode(apiRef.current.context.gridOptions)} />
                </div>

        }

setting correct data but Paginator not output

Thank you for your time and attention.

[flexicious]

Have you looked at https://flexicious.github.io/react-data-grid/?example=Custom_Toolbar https://github.com/flexicious/react-data-grid/blob/master/apps/dashboard/src/app/examples/custom-toolbar.tsx - if you can make a small test project we can probably take a look as to why its not working for your use case

[Mez67]

Hello,

Thank you for your help.

My problem has been solved.

I needed to include the code:

onBuilt: () => {
    // trigger render for our external toolbar
    setToggle(Math.random);
},

which I had forgotten to add.

Thank you!