Show 2 grids on 1 tab page of tabbar

I want to show 2 grids side by side on a single tab page of a tab bar. What is the best method of doing this please?

Thanks

There are several methods:

  1. to place the container with two grid container inside

tabbar.setContent(tabId,containerId);

  1. attach 2U layout and attach grids to layout cells

var layout = tabbar.cells(tabId).attachLayout(“2U”);

var grid1 = layout.cells(“a”).attachGrid();
var grid2 = layout.cells(“b”).attachGrid();

  1. to load a html page with two grids into tabbar:
    tabbar.setHrefMode(“iframes-on-demand”);
    tabbar.addTab(…);
    tabbar.setContentHref(tabId,url);

You may choose any of these methods. If you need manipulate grid data, possibly the 1st and the 2nd approaches would be better.