title: how to remove table border line?
body: <p>I am creating a table. I want to remove table border line, how do I this?</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;div id="table"&gt;
      &lt;table class="table table-bordered"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th style="text-align:left; width:120px;"&gt;Item&lt;/th&gt;
              &lt;th style="text-align:left; width:200px;"&gt;Description&lt;/th&gt;
              &lt;th style="width:100px;"&gt;Unit Cost&lt;/th&gt;
              &lt;th style="text-align:right; width:60px;"&gt;Qty&lt;/th&gt;
              &lt;th style="text-align:left; width:100px;"&gt;Tax&lt;/th&gt;
              &lt;th style="text-align:left; width:100px;"&gt;Tax&lt;/th&gt;
              &lt;th style="text-align:left; width:100px;"&gt;Line Total&lt;/th&gt;
  
         &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;         
       &lt;tr&gt;        
       &lt;td colspan=7 width=800&gt;
       &lt;div id="dataRows"&gt;
   &lt;div class="fieldRow" id="template"&gt;
      &lt;select class="items" name="items" style="width:127px; float:left;" id="items"&gt; &lt;option value="1" selected="selected" disabled="disabled"&gt;&lt;/option&gt;&lt;/select&gt;
       &lt;textarea name="description" id="description" class="description" style="float:left; display: block; height: 30px; width:211px; border-radius:0px; margin: -1px 0px 0;"&gt;&lt;/textarea&gt;
       &lt;input type="text" name="unitprice" id="unitprice" class="unitprice" style="float:left; display: block; height: 30px; width:106px; border-radius:0px; margin: -1px 0px 0;"&gt;
       &lt;input type="text" name="quantity" id="quantity" class="quantity" style="float:left; display: block; height: 30px; width:64px; border-radius:0px; margin: -1px 0px 0;"&gt;
       &lt;select name="firsttax" id="firsttax" class="firsttax" style=" float:left; display: block; height: 31px; width:107px; border-radius:0px; margin: -2px 0px 0;"&gt;&lt;option value="1" selected="selected" &gt;&lt;/option&gt;&lt;/select&gt;
       &lt;select name="secondtax" id="secondtax" class="secondtax" style="float:left; display: block; height: 31px; width:104px; border-radius:0px; margin: -2px 0px 0;"&gt;&lt;option value="1" selected="selected"&gt;&lt;/option&gt;&lt;/select&gt;
       &lt;input type="text" name="linetotal" id="linetotal" class="linetotal" placeholder="0.00" readonly style="float:left; display: block; height: 31px; width:104px; border-radius:0px; background-color: #F0F0F0; text-align:right; margin: -2px 0px 0;"&gt;   
      &lt;input type="button"  class="button remove"  id="btnDel" value="Remove Row" style="float:right; margin:0 -110px; color: #ffffff; background-color: #d9534f; border-color: #d43f3a; padding: 3px 10px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer;  border:1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;" /&gt;
  &lt;/div&gt;
  &lt;/div&gt;
       &lt;/td&gt;
       &lt;/tr&gt;
       &lt;input type="hidden" id="itemscounter" name="itemscounter" value=""/&gt;
       &lt;tr&gt;            
       &lt;td colspan=7 rowspan=2 width=800 style="border:0px solid white;"&gt;
       &lt;div style="border:1px solid #DDDDDD; width:317px; height:50px; margin:0 -1px; float:right;"&gt;
      &lt;label class="required" id="invoicetotal" for="Invoicetotal" style="padding-top:3px;"&gt;Invoice Total(USD)&lt;/label&gt;
      &lt;span style=" font-weight:bold; margin:4px -204px 0; float:right;"&gt;$&lt;/span&gt; 
      &lt;input type="text" class="required" id="invoicetotalamount" name="invoicetotalamount" placeholder="0.00" readonly style=" color:#526273; font-weight:bold; text-align:left; border: 0px solid #000000;"/&gt;&lt;br&gt;
      &lt;label class="required" id="paidtodate" for="paidtodate" style="margin-top: -6px;"&gt;Paid to date&lt;/label&gt;
      &lt;input type="text" class="required" id="paidtodateamount" name="paidtodateamount" placeholder="0.00" style=" color:#526273; font-weight:bold; text-align:right; border: 0px solid #000000;"/&gt;       
      &lt;/div&gt; 
      &lt;div class="clear"&gt;&lt;/div&gt;
      &lt;div style="border:1px solid #DDDDDD; width:317px; height:33px; margin:50px -316px 0; float:right;"&gt;
      &lt;label class="required" id="balance" for="balance" style="margin-top:0px;"&gt;Balance(USD)&lt;/label&gt; 
      &lt;span style=" font-weight:bold; margin:7px 45px 0; float:left;"&gt;$&lt;/span&gt;    
      &lt;input type="text" class="required" id="balanceamount" name="balanceamount" placeholder="0.00" readonly style=" color:#526273; font-weight:bold; text-align:left; border: 0px solid #000000;"/&gt; 
      &lt;/div&gt;   
       &lt;/td&gt;       
       &lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>and here is my css:</p>
  
  <pre><code>#table{
  float: left;
  height: 200px;
  margin: -291px 19px 0;
  width: 825px;
  }
  </code></pre>
  
  <p>and here is screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/NG1CV.png" alt="enter image description here"></p>