title: Convert horizontal table to vertical
body: <p>I'm using bootstrap in order to display responsive table.</p>
  
  <p>The table is horizontal and contain 2 rows - title and data.</p>
  
  <p>Is there any script that flip the table and display in vertical when user use mobile?</p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
      &lt;table class="table"&gt; 
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;&lt;?PHP echo $langDir['general']['date'] ?&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;?PHP echo $langDir['general']['time'] ?&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;?PHP echo $langDir['general']['location'] ?&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;?PHP echo $langDir['car']['pickup'] ?&gt;&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;?PHP echo $pnrProduct['Date'] ?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;?PHP echo $pnrProduct['DepArr'] ?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;?PHP echo $pnrProduct['City'] ?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;?PHP echo $pnrProduct['RoomClass'] ?&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>