Obramowanie tabel na całą szerokość

Question

Hej, mam problem z tabelami. Muszę zrobić widok 3 kolumn do których wrzucam Sobie z bazy kolejne pozycje.

Wrzucając do 1 kolumny jakąś pozycje chce żeby border-bottom był na całą szerokość 3 kolumn. Tak jak na obrazku. Czy jest to możliwe bez JavaScriptu?

<table  class="wszystko">
    <table>
        <tr>
            <th>Firstname</th>
        </tr>
        <tr>
        <td>Jill</td>
        </tr>
        <tr>
            <td>Eve</td>
        </tr>
    </table>
        <table>
            <tr>
                <th>Firstname</th>    
            </tr>
            <tr>
                <td>Jill</td>
            </tr>
            <tr>
                <td>Eve</td>
            </tr>
            <tr>
                <td>Eve</td>
            </tr>
            <tr>
                 <td>Eve</td>
            </tr>

        </table> 
        <table>
            <tr>
              <th>Firstname</th>
            </tr>
            <tr>
              <td>Jill</td>
            </tr>
            <tr>
              <td>Eve</td>
            </tr>
            <tr>
                    <td>Eve</td>
                  </tr>
                  <tr>
                        <td>Eve</td>
                      </tr>
                      <tr>
                            <td>Eve</td>
                          </tr>
                          <tr>
                                <td>Eve</td>
                              </tr>
          </table>  
        </table>
<style>
         table{
             font-size: 21px;
             display: inline-block;
             vertical-align: top;
            
             border-collapse: collapse;
             padding: 10px;
         }
         .wszystko{
             
         }
         table tr {
            background-color: #f8f8f8;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            padding: .35em;
            }
     </style>

I

Answer 1

Daj dolne obramowanie dla wierszy i już

Comments

Dodanie dolnego obramowania nie będzie na całą szerokość tabeli. Dodatkowo gdy nie będzie jakiegoś elementu tr to będzie puste miejsce

---

No faktycznie. Może warto pokombinować z dolnym obramowaniem elementów td.