title: JSON Data in a Grid using Onsen-UI framework
body: <p>I tried to get the JSON data and populate it in a grid but found out that OnsenUI uses ons-col and ons-row and no tag for grid. so i used a tutorial example <a href="http://www.w3schools.com/angular/tryit.asp?filename=try_ng_customers_json" rel="nofollow">Link here</a> and edited as given below, thought it would work, but as a newbie i was wrong</p>
  
  <p>(snippet 1)</p>
  
  <pre><code>&lt;ons-row style="margin-top: 100px;" ng-controller="myController" ng-repeat="x in names"&gt;
  &lt;ons-col align="center"&gt;
  {{x.Name}}
  &lt;/ons-col&gt;
  &lt;ons-col align="center"&gt;
  {{x.Country}}
  &lt;/ons-col&gt;
  &lt;/ons-row&gt;
  </code></pre>
  
  <p>(snippet 2)</p>
  
  <pre><code>&lt;script&gt;
   module.controller('myController', myController);
   function myController($scope,$http) {
        $http.get("http://www.w3schools.com//website/Customers_JSON.php")
        .success(function(response) {$scope.names = response;});
   }
  &lt;/script&gt;
  </code></pre>
  
  <p>What i really need is to display the name in one column and country in another. Any help would be appreciated. Thank you.</p>