An ingenious way to to hack the ultimate responsive HTML table (using Bootstrap). Instead of one monstrous TABLE, we creatively use smaller tables.

responsive_html_table.html

<div class="row panel"> <!-- panel class plays a big role in concealing our trick when it comes to painting the table -->
   <div class="col-md-2">
      <table class="table">
         <thead>
            <tr>
               <th>CATEGORY</th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <td>Catering</td>
            </tr>
         </tbody>
      </table>
   </div>
   <div class="col-md-2">
      <table class="table">
         <thead>
            <tr>
               <th>EXPERIENCE</th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <td>HIGH</td>
            </tr>
         </tbody>
      </table>
   </div>
   <div class="col-md-2">
      <table class="table">
         <thead>
            <tr>
               <th>DESCRIPTION</th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <td>I have a team of mobile chefs ready to grace any party in the neighborhood with the best culinary services.</td>
            </tr>
         </tbody>
      </table>
   </div>
   <div class="col-md-2">
      <table class="table">
         <thead>
            <tr>
               <th>MIN PRICE</th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <td>100000</td>
            </tr>
         </tbody>
      </table>
   </div>
</div>