title: jQuery Datatables ul and li format
body: <p>I am new in the jQuery datable plugin. I have implemented some datatables in the 'tr' 'td' format. But my requirement is to implement the records in the 'ul' and 'li' list format.
  Currently I have datatables where the records are showing in the in normal table format where each row containing one record. But my desired output is some thing like in the list format
  like:</p>
  
  <pre><code>&lt;ul&gt;
  
  &lt;li&gt;
  &lt;div class="grid-picto user"&gt;
  &lt;small&gt;Administrator&lt;/small&gt;
  &lt;p class="grid-name"&gt;Test Uset1&lt;/p&gt;
  &lt;p class="grid-details"&gt;Age: &lt;b&gt;28&lt;/b&gt;&lt;br&gt;
  Gender: &lt;b&gt;male&lt;/b&gt;&lt;br&gt;
  Country: &lt;b&gt;USA&lt;/b&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;ul class="grid-actions"&gt;
  &lt;li&gt;&lt;a href="#" title="Edit" class="with-tip"&gt;&lt;img src="pencil.png" width="16" height="16"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" title="Delete" class="with-tip"&gt;&lt;img src="cross-circle.png" width="16" height="16"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  
  &lt;li&gt;
  &lt;div class="grid-picto user"&gt;
  &lt;small&gt;Administrator&lt;/small&gt;
  &lt;p class="grid-name"&gt;Test Uset2&lt;/p&gt;
  &lt;p class="grid-details"&gt;Age: &lt;b&gt;28&lt;/b&gt;&lt;br&gt;
  Gender: &lt;b&gt;male&lt;/b&gt;&lt;br&gt;
  Country: &lt;b&gt;USA&lt;/b&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;ul class="grid-actions"&gt;
  &lt;li&gt;&lt;a href="#" title="Edit" class="with-tip"&gt;&lt;img src="/admin/assets/images/icons/fugue/pencil.png" width="16" height="16"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" title="Delete" class="with-tip"&gt;&lt;img src="/admin/assets/images/icons/fugue/cross-circle.png" width="16" height="16"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Can anyone help me on this?</p>