Table Style 1
S.No | Heading 1 | Heading 2 | Heading 3 |
---|---|---|---|
1 | Lorem | Ipsum | mail1@domain.com |
2 | Dolar | Sit | mail2@domain.com |
<div class="col-12"> <div class="table-responsive"> <table class="table simple"> <thead> <tr> <th>S.No</th> <th>Heading 1</th> <th>Heading 2</th> <th>Heading 3</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Lorem</td> <td>Ipsum</td> <td>mail1@domain.com</td> </tr> <tr> <td>2</td> <td>Dolar</td> <td>Sit</td> <td>mail2@domain.com</td> </tr> </tbody> </table> </div> </div>
Table Style 2
S.No | Heading 1 | Heading 2 | Heading 3 |
---|---|---|---|
1 | Lorem | Ipsum | mail1@domain.com |
2 | Dolar | Sit | mail2@domain.com |
<div class="col-12"> <div class="table-responsive"> <table class="table table-dark"> <thead> <tr> <th>S.No</th> <th>Heading 1</th> <th>Heading 2</th> <th>Heading 3</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Lorem</td> <td>Ipsum</td> <td>mail1@domain.com</td> </tr> <tr> <td>2</td> <td>Dolar</td> <td>Sit</td> <td>mail2@domain.com</td> </tr> </tbody> </table> </div> </div>
Table Style 3
S.No | Heading 1 | Heading 2 | Heading 3 |
---|---|---|---|
1 | Lorem | Ipsum | mail1@domain.com |
2 | Dolar | Sit | mail2@domain.com |
<div class="col-12"> <div class="table-responsive"> <table class="table table-striped table-dark"> <thead> <tr> <th>S.No</th> <th>Heading 1</th> <th>Heading 2</th> <th>Heading 3</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Lorem</td> <td>Ipsum</td> <td>mail1@domain.com</td> </tr> <tr> <td>2</td> <td>Dolar</td> <td>Sit</td> <td>mail2@domain.com</td> </tr> </tbody> </table> </div> </div>
Table Style 4
S.No | Heading 1 | Heading 2 | Heading 3 |
---|---|---|---|
1 | Lorem | Ipsum | mail1@domain.com |
2 | Dolar | Sit | mail2@domain.com |
<div class="col-12"> <div class="table-responsive"> <table class="table border"> <thead> <tr> <th>S.No</th> <th>Heading 1</th> <th>Heading 2</th> <th>Heading 3</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Lorem</td> <td>Ipsum</td> <td>mail1@domain.com</td> </tr> <tr> <td>2</td> <td>Dolar</td> <td>Sit</td> <td>mail2@domain.com</td> </tr> </tbody> </table> </div> </div>