title: How make a top gap between asp.net grid view with css friendly adaptor?
body: <p>I have a asp.net css friendly grid view adapter.It looks like left side image.But I need to have it exactly like right side image with gap between rows.</p>
  
  <p>I also used bootstrap 3 here.</p>
  
  <p><img src="https://i.stack.imgur.com/hYcsu.png" alt="enter image description here"></p>
  
  <p>This is my css for grid view</p>
  
  <pre><code> .PrettyGridView .AspNet-GridView {
          font-size: 12px;
          line-height: 12px;
          margin-left: 6px;
          width: 95%;
      }
  
          .PrettyGridView .AspNet-GridView div.AspNet-GridView-Pagination, .PrettyGridView .AspNet-GridView div.AspNet-GridView-Pagination a, .PrettyGridView .AspNet-GridView div.AspNet-GridView-Pagination span {
              color: #00FFFF;
              background: #F5F5F5;
              font-weight: normal;
              padding: 2px;
          }
  
          .PrettyGridView .AspNet-GridView table {
              border: solid 1px #CCCCCC;
              width: 100%;
          }
  
      thead {
          display: table-header-group;
          vertical-align: middle;
          border-color: inherit;
      }
  
      tbody {
          display: table-row-group;
          vertical-align: middle;
          border-color: inherit;
      }
  
      tr {
          display: table-row;
          vertical-align: inherit;
          border-color: inherit;
      }
  
      .PrettyGridView .AspNet-GridView table tbody tr td {
          color: #333333;
          background: #F5F5F5;
          padding: 2px 20px 2px 2px;
          border-bottom: solid 1px #CCCCCC;
          border-right: solid 0px #CCCCCC;
          text-align: left;
      }
  
      td, th {
          display: table-cell;
          vertical-align: inherit;
      }
  </code></pre>
  
  <p>I have no anything in live to show you.But any one know how to achieve this that would be very helpful.This is my grid view</p>
  
  <pre><code>  &lt;div class="PrettyGridView"&gt;
                                      &lt;asp:GridView ID="VandvaerkGridView" runat="server" ShowHeader="False"
                                          AutoGenerateColumns="False"
                                          Width="100%" CssClass="AspNet-GridView"&gt;
                                          &lt;Columns&gt;
                                              &lt;asp:TemplateField&gt;
                                                  &lt;ItemTemplate&gt;
  
                                                      &lt;a href="javascript:void(0);" onclick="PopupCenter('pdf/reports/&lt;%# Eval("fileName") %&gt;', 'myPop1',794,842);"&gt;
                                                          &lt;asp:Image ID="ImgPDF" runat="server" ImageUrl='&lt;%# "~/Images/" + Eval("type")%&gt;' Style="padding-left: 10px;" /&gt;
                                                      &lt;/a&gt;
                                                      &lt;asp:Label ID="lblFileName" runat="server" Text='&lt;%# Eval("fileName") %&gt;' Visible="false"&gt;&lt;/asp:Label&gt;
                                                  &lt;/ItemTemplate&gt;
  
                                                  &lt;ItemStyle&gt;&lt;/ItemStyle&gt;
                                              &lt;/asp:TemplateField&gt; 
                                          &lt;/Columns&gt;
                                      &lt;/asp:GridView&gt;
                                  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks</p>