title: How to make ui-grid's corner rounded?
body: <p>Listview has a data-inset property to make its corners rounded. However, I can't use listview because my list is a nested list and the frameworks default behavior is hide the nested list and show it once the its primary list is clicked. So, I chose to use a ui-grid view inside the primary listview row which looks like below:</p>
  
  <pre><code>&lt;ul data-role="listview"&gt;
  &lt;li&gt;&lt;h1 class="ui-title" role="heading" aria-level="1"&gt;Completeness&lt;/h1&gt;&lt;/li&gt;
  &lt;li&gt;
  &lt;div class="ui-grid-b"&gt;
  &lt;div&gt;Secondary Title&lt;/div&gt;
  &lt;div&gt;Content.....&lt;/div&gt;
  &lt;div&gt;Blah Blah&lt;/div&gt;
  &lt;/div
  &lt;/li&gt;
  &lt;li&gt;Footer&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>My problem is the ui-grid's corners should be rounded. I tried to put data-inset="true" but didn't work.</p>