MDBootstrap table generator

Other tools Free MDB UI KIT
# Lorem Ipsum Dolor
1 Sit Amet Consectetur
2 Adipisicing Elit Sint
3 Hic Fugiat Temporibus
Captions of the table

                  <table class="table">
                    <thead>
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">Lorem</th>
                        <th scope="col">Ipsum</th>
                        <th scope="col">Dolor</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <th scope="row">1</th>
                        <td>Sit</td>
                        <td>Amet</td>
                        <td>Consectetur</td>
                      </tr>
                      <tr>
                        <th scope="row">2</th>
                        <td>Adipisicing</td>
                        <td>Elit</td>
                        <td>Sint</td>
                      </tr>
                      <tr>
                        <th scope="row">3</th>
                        <td>Hic</td>
                        <td>Fugiat</td>
                        <td>Temporibus</td>
                      </tr>
                    </tbody>
                    <caption v-if="captions">
                      Captions of the table
                    </caption>
                  </table>
              

How to use it?

1. Download MDB 5 - free UI KIT

2. Create the table you like

3. Copy the generated code and paste it into the MDB project

Table colors

Border colors