Style One

head 1 head 2 head 3 head 4 head 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
    
<div class="spd-responsive-table-sm">
<table class="spd-r-table1">
    <tbody>
        <tr>
            <th>head 1</th>
            <th>head 2</th>
            <th>head 3</th>
            <th>head 4</th>
            <th>head 5</th>
        </tr>
        <tr>
            <td>row 1 col 1</td>
            <td>row 1 col 2</td>
            <td>row 1 col 3</td>
            <td>row 1 col 4</td>
            <td>row 1 col 5</td>
        </tr>
        <tr>
            <td>row 2 col 1</td>
            <td>row 2 col 2</td>
            <td>row 2 col 3</td>
            <td>row 2 col 4</td>
            <td>row 2 col 5</td>
        </tr>
        <tr>
            <td>row 3 col 1</td>
            <td>row 3 col 2</td>
            <td>row 3 col 3</td>
            <td>row 3 col 4</td>
            <td>row 3 col 5</td>
        </tr>
        <tr>
            <td>row 4 col 1</td>
            <td>row 4 col 2</td>
            <td>row 4 col 3</td>
            <td>row 4 col 4</td>
            <td>row 4 col 5</td>
        </tr>
    </tbody>
</table>
</div>
                    
               

Style Two

head 1 head 2 head 3 head 4 head 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
       
<div class="spd-responsive-table-sm">
<table class="spd-r-table2">
    <tbody>
        <tr>
            <th>head 1</th>
            <th>head 2</th>
            <th>head 3</th>
            <th>head 4</th>
            <th>head 5</th>
        </tr>
        <tr>
            <td>row 1 col 1</td>
            <td>row 1 col 2</td>
            <td>row 1 col 3</td>
            <td>row 1 col 4</td>
            <td>row 1 col 5</td>
        </tr>
        <tr>
            <td>row 2 col 1</td>
            <td>row 2 col 2</td>
            <td>row 2 col 3</td>
            <td>row 2 col 4</td>
            <td>row 2 col 5</td>
        </tr>
        <tr>
            <td>row 3 col 1</td>
            <td>row 3 col 2</td>
            <td>row 3 col 3</td>
            <td>row 3 col 4</td>
            <td>row 3 col 5</td>
        </tr>
        <tr>
            <td>row 4 col 1</td>
            <td>row 4 col 2</td>
            <td>row 4 col 3</td>
            <td>row 4 col 4</td>
            <td>row 4 col 5</td>
        </tr>
    </tbody>
</table>
</div>                             
               

Style Three

head 1 head 2 head 3 head 4 head 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
 
<div class="spd-responsive-table-sm">
<table class="spd-r-table3">
    <tbody>
        <tr>
            <th>head 1</th>
            <th>head 2</th>
            <th>head 3</th>
            <th>head 4</th>
            <th>head 5</th>
        </tr>
        <tr>
            <td>row 1 col 1</td>
            <td>row 1 col 2</td>
            <td>row 1 col 3</td>
            <td>row 1 col 4</td>
            <td>row 1 col 5</td>
        </tr>
        <tr>
            <td>row 2 col 1</td>
            <td>row 2 col 2</td>
            <td>row 2 col 3</td>
            <td>row 2 col 4</td>
            <td>row 2 col 5</td>
        </tr>
        <tr>
            <td>row 3 col 1</td>
            <td>row 3 col 2</td>
            <td>row 3 col 3</td>
            <td>row 3 col 4</td>
            <td>row 3 col 5</td>
        </tr>
        <tr>
            <td>row 4 col 1</td>
            <td>row 4 col 2</td>
            <td>row 4 col 3</td>
            <td>row 4 col 4</td>
            <td>row 4 col 5</td>
        </tr>
    </tbody>
</table>
</div>
               

Style Four

head 1 head 2 head 3 head 4 head 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
         
<div class="spd-responsive-table-sm">
<table class="spd-r-table4">
    <tbody>
        <tr>
            <th>head 1</th>
            <th>head 2</th>
            <th>head 3</th>
            <th>head 4</th>
            <th>head 5</th>
        </tr>
        <tr>
            <td>row 1 col 1</td>
            <td>row 1 col 2</td>
            <td>row 1 col 3</td>
            <td>row 1 col 4</td>
            <td>row 1 col 5</td>
        </tr>
        <tr>
            <td>row 2 col 1</td>
            <td>row 2 col 2</td>
            <td>row 2 col 3</td>
            <td>row 2 col 4</td>
            <td>row 2 col 5</td>
        </tr>
        <tr>
            <td>row 3 col 1</td>
            <td>row 3 col 2</td>
            <td>row 3 col 3</td>
            <td>row 3 col 4</td>
            <td>row 3 col 5</td>
        </tr>
        <tr>
            <td>row 4 col 1</td>
            <td>row 4 col 2</td>
            <td>row 4 col 3</td>
            <td>row 4 col 4</td>
            <td>row 4 col 5</td>
        </tr>
    </tbody>
</table>
</div>          
               

Style Five

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.


head 1 head 2 head 3 head 4 head 5

row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5

row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 Button 01

row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5

row 4 col 1 row 4 col 2 Button 01 row 4 col 4 row 4 col 5
          <div class="spd-responsive-table-sm">
<table class="spd-r-table5">
<tbody>
    <tr>
        <th style="width:50px"> </th>
        <th>head 1</th>
        <th>head 2</th>
        <th>head 3</th>
        <th>head 4</th>
        <th>head 5</th>
    </tr>
    <tr>
        <td><i class="fa fa-comments-o"></i></td>
        <td>row 1 col 1</td>
        <td>row 1 col 2</td>
        <td>row 1 col 3</td>
        <td>row 1 col 4</td>
        <td>row 1 col 5</td>
    </tr>
    <tr>
        <td><i class="fa fa-code-fork"></i></td>
        <td>row 2 col 1</td>
        <td>row 2 col 2</td>
        <td>row 2 col 3</td>
        <td>row 2 col 4</td>
        <td><a href="#" class="spd-btn spd-r-btn-green spd-r-btn-base spd-r-btn-small"> <i class="fa fa-share"> </i> Button 01 </a> </td></td>
    </tr>
     <tr>
         <td><i class="fa fa-qrcode"></i></td>
        <td>row 3 col 1</td>
        <td>row 3 col 2</td>
        <td>row 3 col 3</td>
        <td>row 3 col 4</td>
        <td>row 3 col 5</td>
    </tr>
    <tr>
        <td><i class="fa fa-hdd-o"></i></td>
        <td>row 4 col 1</td>
        <td>row 4 col 2</td>
        <td> <a href="#" class="spd-btn spd-r-btn-base spd-r-btn-small"> <i class="fa fa-share"> </i> Button 01 </a> </td>
        <td>row 4 col 4</td>
        <td>row 4 col 5</td>
    </tr>
</tbody> </table> </div>

Style Six

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.


head 1 head 2 head 3 head 4 head 5

row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5

row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 Button 01

row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5

row 4 col 1 row 4 col 2 Button 01 row 4 col 4 row 4 col 5
          <div class="spd-responsive-table-sm">
<table class="spd-r-table2">
    <tr>
        <th style="width:50px"> </th>
        <th>head 1</th>
        <th>head 2</th>
        <th>head 3</th>
        <th>head 4</th>
        <th>head 5</th>
    </tr>
    <tr>
        <td><i class="fa fa-comments-o"></i></td>
        <td>row 1 col 1</td>
        <td>row 1 col 2</td>
        <td>row 1 col 3</td>
        <td>row 1 col 4</td>
        <td>row 1 col 5</td>
    </tr>
    <tr>
        <td><i class="fa fa-code-fork"></i></td>
        <td>row 2 col 1</td>
        <td>row 2 col 2</td>
        <td>row 2 col 3</td>
        <td>row 2 col 4</td>
        <td><a href="#" class="spd-btn spd-r-btn-green spd-r-btn-base spd-r-btn-small"> <i class="fa fa-share"> </i> Button 01 </a> </td></td>
    </tr>
     <tr>
         <td><i class="fa fa-qrcode"></i></td>
        <td>row 3 col 1</td>
        <td>row 3 col 2</td>
        <td>row 3 col 3</td>
        <td>row 3 col 4</td>
        <td>row 3 col 5</td>
    </tr>
    <tr>
        <td><i class="fa fa-hdd-o"></i></td>
        <td>row 4 col 1</td>
        <td>row 4 col 2</td>
        <td> <a href="#" class="spd-btn spd-r-btn-base spd-r-btn-small"> <i class="fa fa-share"> </i> Button 01 </a> </td>
        <td>row 4 col 4</td>
        <td>row 4 col 5</td>
    </tr>
</table> </div>

Style Seven

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.


head 1 head 2 head 3 head 4 head 5

row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5

row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 Button 01

row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5

row 4 col 1 row 4 col 2 Button 01 row 4 col 4 row 4 col 5
          <div class="spd-responsive-table-sm">
<table class="spd-r-table7">
    <tr>
        <th style="width:50px"> </th>
        <th>head 1</th>
        <th>head 2</th>
        <th>head 3</th>
        <th>head 4</th>
        <th>head 5</th>
    </tr>
    <tr>
        <td><i class="fa fa-comments-o"></i></td>
        <td>row 1 col 1</td>
        <td>row 1 col 2</td>
        <td>row 1 col 3</td>
        <td>row 1 col 4</td>
        <td>row 1 col 5</td>
    </tr>
    <tr>
        <td><i class="fa fa-code-fork"></i></td>
        <td>row 2 col 1</td>
        <td>row 2 col 2</td>
        <td>row 2 col 3</td>
        <td>row 2 col 4</td>
        <td><a href="#" class="spd-btn spd-r-btn-green spd-r-btn-base spd-r-btn-small"> <i class="fa fa-share"> </i> Button 01 </a> </td></td>
    </tr>
     <tr>
         <td><i class="fa fa-qrcode"></i></td>
        <td>row 3 col 1</td>
        <td>row 3 col 2</td>
        <td>row 3 col 3</td>
        <td>row 3 col 4</td>
        <td>row 3 col 5</td>
    </tr>
    <tr>
        <td><i class="fa fa-hdd-o"></i></td>
        <td>row 4 col 1</td>
        <td>row 4 col 2</td>
        <td> <a href="#" class="spd-btn spd-r-btn-base spd-r-btn-small"> <i class="fa fa-share"> </i> Button 01 </a> </td>
        <td>row 4 col 4</td>
        <td>row 4 col 5</td>
    </tr>
</table> </div>

Style Eight

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Icon head 1 head 2 ( New ) head 3 head 4 ( Hot ) head 5

row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5

row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 Button 01

row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5

row 4 col 1 row 4 col 2 Button 01 row 4 col 4 row 4 col 5
          <div class="spd-responsive-table-sm">
<table class="spd-r-table8">
    <tr class="spd-aqua-blue-bg spd-r-lightcolor">
      <th style="width:50px"> Icon </th>
      <th>head 1</th>
      <th>head 2 <span>( New )</span> </th>
      <th>head 3</th>
      <th>head 4 <span>( Hot )</span></th>
      <th>head 5</th>
    </tr>
    <tr>
      <td><i class="fa fa-comments-o"></i></td>
      <td>row 1 col 1 </td>
      <td>row 1 col 2 <span> <i class="fa fa-google-wallet"></i> </span> </td>
      <td>row 1 col 3</td>
      <td>row 1 col 4</td>
      <td>row 1 col 5</td>
    </tr>
    <tr>
      <td><i class="fa fa-code-fork"></i></td>
      <td>row 2 col 1 <span> <i class="fa fa-google-wallet"></i> </span> </td>
      <td>row 2 col 2</td>
      <td>row 2 col 3 <span> <i class="fa fa-line-chart"></i> </span> </td>
      <td>row 2 col 4</td>
      <td><a href="#" class="spd-btn spd-r-btn-green spd-r-btn-base spd-r-btn-small"> <i class="fa fa-share"> </i> Button 01 </a></td>
        </td>
    </tr>
    <tr>
      <td><i class="fa fa-qrcode"></i></td>
      <td>row 3 col 1</td>
      <td>row 3 col 2</td>
      <td>row 3 col 3</td>
      <td>row 3 col 4 <span> <i class="fa fa-ils"></i> </span> </td>
      <td>row 3 col 5</td>
    </tr>
    <tr>
      <td><i class="fa fa-hdd-o"></i></td>
      <td>row 4 col 1</td>
      <td>row 4 col 2</td>
      <td><a href="#" class="spd-btn spd-r-btn-base spd-r-btn-small"> <i class="fa fa-share"> </i> Button 01 </a></td>
      <td>row 4 col 4</td>
      <td>row 4 col 5  </td>
    </tr>
</table> </div>

Style Nine

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Icon head 1 head 2 ( New ) head 3 head 4 ( Hot ) head 5

row 1 col 1 row 1 col 2 Button 01 row 1 col 4 row 1 col 5

row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4

row 3 col 1 Button 01 row 3 col 3 row 3 col 4 row 3 col 5

row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
        <div class="spd-responsive-table-sm">
<table class="spd-r-table9">
    <tr class="spd-aqua-blue-bg spd-r-lightcolor">
      <th style="width:50px"> Icon </th>
      <th>head 1</th>
      <th>head 2 <span>( New )</span> </th>
      <th>head 3</th>
      <th>head 4 <span>( Hot )</span></th>
      <th>head 5</th>
    </tr>
    <tr>
      <td><i class="fa fa-comments-o"></i></td>
      <td>row 1 col 1 </td>
      <td>row 1 col 2 <span> <i class="fa fa-google-wallet"></i> </span> </td>
      <td> <a href="#" class="spd-btn spd-r-btn-base spd-r-btn-small"> <i class="fa fa-share"> </i> Button 01 </a></td>
      <td>row 1 col 4</td>
      <td>row 1 col 5</td>
    </tr>
    <tr>
      <td><i class="fa fa-code-fork"></i></td>
      <td>row 2 col 1 <span> <i class="fa fa-google-wallet"></i> </span> </td>
      <td>row 2 col 2</td>
      <td>row 2 col 3 <span> <i class="fa fa-line-chart"></i> </span> </td>
      <td>row 2 col 4</td>
      <td></td>
        </td>
    </tr>
    <tr>
      <td><i class="fa fa-qrcode"></i></td>
      <td>row 3 col 1</td>
      <td><a href="#" class="spd-btn spd-r-btn-green spd-r-btn-base spd-r-btn-small"> <i class="fa fa-share"> </i> Button 01 </a></td>
      <td>row 3 col 3</td>
      <td>row 3 col 4 <span> <i class="fa fa-ils"></i> </span> </td>
      <td>row 3 col 5</td>
    </tr>
    <tr>
      <td><i class="fa fa-hdd-o"></i></td>
      <td>row 4 col 1</td>
      <td>row 4 col 2</td>
      <td>row 4 col 3 </td>
      <td>row 4 col 4</td>
      <td>row 4 col 5  </td>
    </tr>
  </table>
</div>