Tables | Fluid

Table Style 1

S.No	Heading 1	Heading 2	Heading 3
1	Lorem	Ipsum	[email protected]
2	Dolar	Sit	[email protected]

<section class="shortcodes" id="tables">
<div class="container">
<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>[email protected]</td>
      </tr>
      <tr>
        <td>2</td>
        <td>Dolar</td>
        <td>Sit</td>
        <td>[email protected]</td>
      </tr>
    </tbody>
  </table>
  </div>
</div></div></section>

Table Style 2

S.No	Heading 1	Heading 2	Heading 3
1	Lorem	Ipsum	[email protected]
2	Dolar	Sit	[email protected]

<section class="shortcodes" id="tables">
<div class="container">
<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>[email protected]</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Dolar</td>
          <td>Sit</td>
          <td>[email protected]</td>
        </tr>
      </tbody>
    </table>
  </div>           
</div></div></section>

Table Style 3

S.No	Heading 1	Heading 2	Heading 3
1	Lorem	Ipsum	[email protected]
2	Dolar	Sit	[email protected]

<section class="shortcodes" id="tables">
<div class="container">
<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>[email protected]</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Dolar</td>
          <td>Sit</td>
          <td>[email protected]</td>
        </tr>
      </tbody>
    </table>
  </div>
</div></div></section>

Table Style 4

S.No	Heading 1	Heading 2	Heading 3
1	Lorem	Ipsum	[email protected]
2	Dolar	Sit	[email protected]

<section class="shortcodes" id="tables">
<div class="container">
<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>[email protected]</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Dolar</td>
          <td>Sit</td>
          <td>[email protected]</td>
        </tr>
      </tbody>
    </table>
  </div>
</div></div></section>