Three <ion-content> on the same page

Hello, I need some advice:

Is it possible to have more than one <ion-content> on one <ion-page>? Does it affect performance? I know that the official ionic documentation says:

“There should only be one content in a single view.”

…but I’m going to create something like this:

(of course the three columns will be created using <ion-grid>) it’s about tablet display, and I take it that there are three separate “single views on the page, so each has its own ion-content. The question is whether I understand it correctly and whether this is a realistic solution, so that it doesn’t affect performance or best practices… each ion content can be scrolled separately

For a better idea:

  • in the left column there will be a list of items added to the shopping list
  • in the middle column there will be all items, possibly for adding to the list on the left
  • in the right column there will be previous purchases
    …it is possible that some columns will be swapped, for example the middle column will be replaced with, for example, the details of the user who is shopping (there may also be a form for creating a user, or editing it) …in this case will be replacet full column - header, content and footer too

If this is not satisfactory, can you advise me on a better solution to achieve the given layout? Thank you very much for any advice.