title: Add Horizontal Scroll in Jquery Mobile Table?
body: <p>I have the following markup,</p>
  
  <pre><code>&lt;table class="ui-responsive table-stroke ui-table ui-table-columntoggle"
      data-mode="columntoggle" data-role="table" style=
      "overflow-x: scroll !important;"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th class="ui-table-priority-6" data-colstart="1"
                  data-priority="6" style="font-weight: bold;"&gt;SL&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-6" data-colstart="2"
                  data-priority="6" style="font-weight: bold;"&gt;Cat&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-6" data-colstart="3"
                  data-priority="6" style="font-weight: bold;"&gt;Brand&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-6" data-colstart="4"
                  data-priority="6" style="font-weight: bold;"&gt;Product&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-persist" data-colstart="5"
                  data-priority="persist" style="font-weight: bold;"&gt;Item
                  Code&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-persist" data-colstart="6"
                  data-priority="persist" style="font-weight: bold;"&gt;Model
                  Number&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-6" data-colstart="7"
                  data-priority="6" style="font-weight: bold;"&gt;Bundle Value&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-persist" data-colstart="8"
                  data-priority="persist" style="font-weight: bold;"&gt;Old RSP&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-persist" data-colstart="9"
                  data-priority="persist" style="font-weight: bold;"&gt;Promo
                  RSP&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-6" data-colstart="10"
                  data-priority="6" style="font-weight: bold;"&gt;Reduced %age&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-6" data-colstart="11"
                  data-priority="6" style="font-weight: bold;"&gt;Start Date&lt;/th&gt;
  
                  &lt;th class="ui-table-priority-6" data-colstart="12"
                  data-priority="6" style="font-weight: bold;"&gt;Vendor End
                  Date&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
  
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;A115&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;SDA&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;Panasonic&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;Blender&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-persist"&gt;
                      &lt;p&gt;11651099&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-persist"&gt;
                      &lt;p&gt;MXAC400&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;GV 50&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-persist"&gt;
                      &lt;p&gt;&lt;strong&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 399&lt;/strong&gt;&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-persist"&gt;
                      &lt;p&gt;
                      &lt;strong&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;399&lt;/strong&gt;&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;0%&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;Feb 26th&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;Mar 8th&lt;/p&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
  
              &lt;tr&gt;
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;C073&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;SDA&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;Tefal&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;Fryer&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-persist"&gt;
                      &lt;p&gt;11480473&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-persist"&gt;
                      &lt;p&gt;FZ700072&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;PB&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-persist"&gt;
                      &lt;p&gt;&lt;strong&gt;999&lt;/strong&gt;&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-persist"&gt;
                      &lt;p&gt;&lt;strong&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 749&lt;/strong&gt;&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;25%&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;Mar 1st&lt;/p&gt;
                  &lt;/td&gt;
  
                  &lt;td class="ui-table-priority-6"&gt;
                      &lt;p&gt;Will Revert&lt;/p&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Can I add a horizontal markup? So that users can easily scroll right and left</p>