title: How to make no borders in a td rowspan rows
body: <p>I have table with <strong>td rowspan</strong> and has <strong>3 rows</strong> so how can I make those rows with <strong>no border</strong> while keeping the main one with <strong>border</strong>?</p>
  
  <p>here is the table..</p>
  
  <p><img src="https://i.imgur.com/vcFquvj.jpg" alt="enter image description here"></p>
  
  <p>I want to make it look like this, I have edited this with paint just erased the lines. </p>
  
  <p><img src="https://i.imgur.com/wcRYaGI.jpg" alt="enter image description here"></p>
  
  <p>here is the <a href="http://jsfiddle.net/uerdg8gm/" rel="nofollow noreferrer"><strong>jsfiddle demo</strong></a></p>
  
  <hr>
  
  <p>here is my html code</p>
  
  <pre><code>&lt;table id="Table"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Track&lt;/th&gt;&lt;th&gt;Car&lt;/th&gt;
              &lt;th&gt;&lt;/th&gt;
              &lt;th&gt;Score&lt;/th&gt;
              &lt;th&gt;Date&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td rowspan="3"&gt;LIST 1&lt;/td&gt;
              &lt;td&gt;Name 1&lt;/td&gt;
              &lt;td&gt;LT&lt;/td&gt;
              &lt;td&gt;59,800&lt;/td&gt;
              &lt;td&gt;8 days ago&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Name 2&lt;/td&gt;
              &lt;td&gt;TR&lt;/td&gt;
              &lt;td&gt;58,000&lt;/td&gt;
              &lt;td&gt;10 days ago&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Name 3&lt;/td&gt;
              &lt;td&gt;SO&lt;/td&gt;
              &lt;td&gt;60,000&lt;/td&gt;
              &lt;td&gt;8 days ago&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;LIST 2&lt;/td&gt;
              &lt;td&gt;Name 4&lt;/td&gt;
              &lt;td&gt;NL&lt;/td&gt;
              &lt;td&gt;60,000&lt;/td&gt;
              &lt;td&gt;8 days ago&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;LIST 3&lt;/td&gt;
              &lt;td&gt;Name 5&lt;/td&gt;
              &lt;td&gt;NR&lt;/td&gt;
              &lt;td&gt;59,000&lt;/td&gt;
              &lt;td&gt;9 days ago&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;LIST 4&lt;/td&gt;
              &lt;td&gt;Name 6&lt;/td&gt;
              &lt;td&gt;FI&lt;/td&gt;
              &lt;td&gt;57,000&lt;/td&gt;
              &lt;td&gt;10 days ago&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and css    </p>
  
  <pre><code>#Table {
      table-layout:fixed;
      width: 400px;
      text-align: left;
      border-collapse:collapse;
  }
  #Table th {
      background: #F9F9F9;
      border-bottom: solid 1px black;
      padding-top: 3px;
      padding-bottom: 4px;
  }
  #Table td {
      background: #F9F9F9;
      border-bottom: 1px solid black;
      padding-top: 3px;
      padding-bottom: 4px;
  }
  
  #Table th:nth-child(1) { width:180px; }
  #Table th:nth-child(2) { width:200px; }
  #Table th:nth-child(3) { width:30px; }
  #Table th:nth-child(4) { width:80px; }
  #Table th:nth-child(5) { width:120px; }
  </code></pre>