Grid element within tabs

[antoine_generau]

Hello,

How can I display grids with tab elements? I added the grid element [the_grid name="modele-restaurant"] in each tab of a 5-tabs element. It is however only displaying in the first element. There is nothing is the other ones:

URL: https://neowebsite.io/modeles-site-internet/#modeles-par-secteur

Moreover, I notices that the grid is making the tab element wider as the screen. How can I fix it?

Thanks,
Antoine

[ruenel]

Hello Antoine,

Thanks for writing in!

Regretfully we wouldn’t recommend adding the grid inside the tab element. It is because the grid needs to initialize why the page is being loaded. When a content is inserted in the tabbed element, it will not and cannot initialize upon page loading because the tabbed element is hidden or displayed as none. You maybe able to display the grid in the active tab but will have a difficulty in displaying the grids in the hidden or inactive tabs.

Hope this explains it briefly.