Skip to main content

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>
              
https://www.cereg.com