DataTable when no container assigned (aka. FullScreen Mobile App) does not SCROLL

Scrolling Problem:

/********* BEGIN RECENT PROJECTS VIEW *************/
	// RECENT PROJECTS VIEW
	var recent_projects_grid_view = {
	        view:"datatable",
	        id:"recent_projects_grid_view",
			datatype:"json",
		    scrollAlignY:false,
		    scroll:true,
			css:"projects_grid_style",
			select:"row",
			columns:[  
				    {
						id:"projectNumber",
						header:"Recent Projects",
						width:288,
					    fixedRowHeight:false,
						template:"#financeProjectNumber#<br/><span style='color:#666;font-size:80%'><b>Customer: </b>#transactingCustomer#<br/><b>Status: </b>#statusMessage#</span>",
						sort:{
							by:"#financeProjectNumber#"
						}
					},
					{
						id:"cheveronIcon",
						header:"",
						width:32,
						template:function(obj){
							// GRID ACTION COLUMN FUNC 
							return obj.$selected ? '<img src="./images/cheveron_selected.png" style="float:left;margin-top:14px;"/>' : '<img src="./images/cheveron.png" style="float:left;margin-top:14px;"/>'; 
							
						}				
					}
				],
				on:{'onItemClick': function(id){getGridRowDetails("Project." + id)}}
			}

	/********* END RECENT PROJECTS VIEW *************/

I can’t reconstruct the problem locally.
If you have scroll:true - grid have scroll, it is not related to the parent container of the grid.

Do you have problem in a desktop browser, or on the some specific mobile device ?