title: Margin between rows in datatable
body: <p>I have an Angular2 app using PrimeNg components. Specifically, a simple datatable as follows:</p>
  
  <pre><code>&lt;p-dataTable selectionMode="single" [value]="data" [(selection)]="selected" (onRowSelect)="handleRowSelect($event)"&gt;
    &lt;p-column [style]="{width: '15rem'}" field="name" header="Name"&gt;    &lt;/p-column&gt;
    &lt;p-column [style]="{width: '15rem'}" field="color" header="Color"&gt;&lt;/p-column&gt;
    &lt;p-column [style]="{width: '30rem'}" field="comments" header="Comments"&gt;&lt;/p-column&gt;
  &lt;/p-dataTable&gt;
  </code></pre>
  
  <p>So far so good but I would like to add some space/margin between each of the rows. I've tried adding margin or padding to the <code>.ui-widget-content</code> class, to no avail. Other changes to this class (and others) work perfectly, but I can't find whatever element controls the margin between rows.</p>