Tabbar - add div contents then attach grid

I am trying to add div contents in a tab and then attach the grid.
The grid works, but I don’t know how to attach the div (and contents) before the grid.

–attach div here

–attach grid
var mygrid_trends = dhxTabbar.cells(“a2”).attachGrid();
mygrid_trends.setImagePath(“gridCodebase/imgs/”);
mygrid_trends.attachEvent(“onXLE”, overviewShowLoading);
mygrid_trends.attachEvent(“onXLS”, overviewStopLoading);
mygrid_trends.loadXML(“get_overview.php”);
mygrid_trends.setHeader(“Process, Register, Unit, Last Value”);
mygrid_trends.setInitWidths(“100%,100%,100%,100%”);
mygrid_trends.setColAlign(“left,left,left,left”);
mygrid_trends.setColTypes(“txt,txt,txt,txt”);
mygrid_trends.setSkin(“dhx_skyblue”);
mygrid_trends.setColSorting(“str,str,str,str”);

mygrid_trends.init();
myDataProcessor2.init(mygrid_trends);

mygrid_trends.loadXML(“get_overview.php”);
mygrid_trends.setHeader(“Process, Register, Unit, Last Value”);

it would be more correct to call loadXML method after configuration methods - when header and other settings are applyed and init() is called:

var mygrid_trends = dhxTabbar.cells(“a2”).attachGrid();
mygrid_trends.setImagePath(“gridCodebase/imgs/”);
mygrid_trends.attachEvent(“onXLE”, overviewShowLoading);
mygrid_trends.attachEvent(“onXLS”, overviewStopLoading);
mygrid_trends.setHeader(“Process, Register, Unit, Last Value”);
mygrid_trends.setInitWidths(“100%,100%,100%,100%”);
mygrid_trends.setColAlign(“left,left,left,left”);
mygrid_trends.setColTypes(“txt,txt,txt,txt”);
mygrid_trends.setSkin(“dhx_skyblue”);
mygrid_trends.setColSorting(“str,str,str,str”);
mygrid_trends.init();
mygrid_trends.loadXML(“get_overview.php”);

I don’t know how to attach the div (and contents) before the grid.

there can be two methods:

  1. in a tab you may place a div with two divs inside, one of them for the grid;
  2. to use 2E layout in the tab:

dhtmlx.com/docs/products/dht … nside.html:
“a” cell of the layout contains the div;
“b” cell - grid ( dhtmlx.com/docs/products/dht … _grid.html )