jqueryデータテーブルとブートストラップの問題

Question

私は、ブートストラップとjqueryデータセットを一緒に使用しています。 データ型がレンダリングされるとき、それらは上下にスペースを残します。 最初は、これらのスペースに検索バーの機能（上記）とページ機能（下記）がありました。その後、私は今、彼らは、それ以上に見えるいけないが、それでも私はthem`

<div class="row-fluid"> 
       <div class="span12"> 
       <div class="widget-header widget-header-flat widget-header-small"> 
        <h5>Over All Summary</h5> 
       </div> 
       <div class="widget-body"> 
        <div class="widget-main"> 
         <div> 
         <table id="example" style='text-align: center' class="display" cellspacing="0" width="100%" cellpadding="0" cellspacing="0" border="0"> 
         <thead> 
          <tr> 
           <th>Customer Group</th> 
           <th># of Customer Contacted</th> 
           <th># of Customer Responded</th> 
           <th>Response Rate</th> 
           <th>Revenue (AED)</th> 
           <th>AMS</th> 
           <th>%Customer</th> 
           <th>%Revenue</th> 
           <th style='color:#47d147'>Shopping Frequency</th> 
           <th style='color:#47d147'>ATV</th> 
           <th style='color:#47d147'>UPT</th> 
           <th style='color:#47d147'>PPI</th> 
          </tr> 
         </thead> 

         <tbody> 
          <tr> 
           <td> 
            <i class="toggle" id='data1'>+</i> Tiger Nixon 
           </td> 
           <td>System Architect</td> 
           <td>Edinburgh</td> 
           <td>61</td> 
           <td>2011/04/25</td> 
           <td>$320,800</td> 
           <td>18thFEb,1990</td> 
           <td>No</td> 
           <td>2011/04/25</td> 
           <td>$320,800</td> 
           <td>18thFEb,1990</td> 
           <td>No</td> 
          </tr> 
          <tr class="data1_hidden hidden_data" style='display:none;' > 
            <td> Tiger Nixon </td> 
            <td>Hidden1</td> 
            <td>Edinburgh</td> 
            <td>61</td> 
            <td>2011/04/25</td> 
            <td>$320,800</td> 
            <td>18thFEb,1990</td> 
            <td>No</td> 
            <td>2011/04/25</td> 
            <td>$320,800</td> 
            <td>18thFEb,1990</td> 
            <td>No</td> 

          </tr> 
          <tr class="data1_hidden hidden_data" style='display:none;' > 
            <td> Tiger Nixon </td> 
            <td>Hidden1</td> 
            <td>Edinburgh</td> 
            <td>61</td> 
            <td>2011/04/25</td> 
            <td>$320,800</td> 
            <td>18thFEb,1990</td> 
            <td>No</td> 
            <td>2011/04/25</td> 
            <td>$320,800</td> 
            <td>18thFEb,1990</td> 
            <td>No</td> 

          </tr> 
          <tr class="data1_hidden hidden_data" style='display:none;' > 
            <td> Tiger Nixon </td> 
            <td>Hidden1</td> 
            <td>Edinburgh</td> 
            <td>61</td> 
            <td>2011/04/25</td> 
            <td>$320,800</td> 
            <td>18thFEb,1990</td> 
            <td>No</td> 
            <td>2011/04/25</td> 
            <td>$320,800</td> 
            <td>18thFEb,1990</td> 
            <td>No</td> 

          </tr> 

          <tr> 
           <td> 
            <i class="toggle" id='data2'>+</i> Tiger Nixon 
           </td> 
           <td>System Architect2</td> 
           <td>Edinburgh</td> 
           <td>61</td> 
           <td>2011/04/25</td> 
           <td>$320,800</td> 
           <td>18thFEb,1990</td> 
           <td>No</td> 
           <td>2011/04/25</td> 
           <td>$320,800</td> 
           <td>18thFEb,1990</td> 
           <td>No</td> 
          </tr> 
          <tr class="data2_hidden hidden_data" style='display:none'> 
            <td> Tiger Nixon </td> 
            <td>Hidden2</td> 
            <td>Edinburgh</td> 
            <td>61</td> 
            <td>2011/04/25</td> 
            <td>$320,800</td> 
            <td>18thFEb,1990</td> 
            <td>2011/04/25</td> 
            <td>$320,800</td> 
            <td>18thFEb,1990</td> 
            <td>No</td> 
            <td>No</td> 
          </tr> 
          <tr> 
           <td> 
            <i class="toggle" id='data3'>+</i> Tiger Nixon 
           </td> 
           <td>System Architect2</td> 
           <td>Edinburgh</td> 
           <td>61</td> 
           <td>2011/04/25</td> 
           <td>$320,800</td> 
           <td>18thFEb,1990</td> 
           <td>No</td> 
           <td>2011/04/25</td> 
           <td>$320,800</td> 
           <td>18thFEb,1990</td> 
           <td>No</td> 
          </tr> 
          <tr class="data3_hidden hidden_data" style='display:none'> 
            <td> Tiger Nixon </td> 
            <td>Hidden2</td> 
            <td>Edinburgh</td> 
            <td>61</td> 
            <td>2011/04/25</td> 
            <td>$320,800</td> 
            <td>18thFEb,1990</td> 
            <td>No</td> 
            <td>2011/04/25</td> 
            <td>$320,800</td> 
            <td>18thFEb,1990</td> 
            <td>No</td> 
          </tr> 

          </tbody> 
         </table> 
         </div> 
        </div> 
       </div> 
      </div> 
<script> 
     $(document).ready(function(){ 
      $('#example').DataTable({ 
       "ordering": false, 
       "paging" : true, 
       "bInfo" : false, 
       "searching": true, 
      }); 
}) 

</script> 

` Blue spaces on the top and bottom and when I inspect element I can see added where as its not in my code

Answer 1

.dataTables_wrapper .row-fluid:first-child {paddding:0px}