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?


There are several methods:

  1. to place the container with two grid container inside


  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:

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