title: Convert table to div in angularjs using css
body: <p>In my view form I have this code for table: </p>
  
  <pre><code>&lt;table class ="table table-bordered"&gt;
  &lt;colgroup span="7"&gt;&lt;/colgroup&gt;
  &lt;tbody&gt;
    &lt;tr ng-repeat="tr in rows"&gt;
      &lt;td ng-repeat="td in tr track by $index"&gt;
        &lt;span ng-bind-html="td"&gt;&lt;/span&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p></p>
  
  <p>Now I want to change from table to div and below is my code:</p>
  
  <pre><code> &lt;div ng-repeat = "tr in rows"&gt;
    &lt;div ng-repeat="td in tr track by $index"&gt;
      &lt;div&gt;&lt;span ng-bind-html="td"&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But it's not work I try to add some css like this:</p>
  
  <pre><code> &lt;style type="text/css"&gt;
     div.inline { float:left; }
     .clearBoth { clear:both; }
   &lt;/style&gt;
  </code></pre>
  
  <p>It doesn't work at all. . Any suggestions?</p>