Tables

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="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>

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="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>

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="table-responsive">                    
  <table class="table table-striped">
    <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>

Stripped Dark

S.No	Heading 1	Heading 2	Heading 3
1	Lorem	Ipsum	mail1@domain.com
2	Dolar	Sit	mail2@domain.com

<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>

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="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>