title: Fixed thead in jQuery Mobile table
body: <p>I have tried to solve this problem for a few hours now. There a lot of plugins for fixed theads, but non of them seem to work with jQuery Mobile.</p>
  
  <p>for example:
  <a href="http://mkoryak.github.io/floatThead/" rel="nofollow">http://mkoryak.github.io/floatThead/</a></p>
  
  <p>I also tried to solve this with CSS, and this works more or less. But the width of <code>th</code> columns is not the same as the <code>td</code>'s.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div data-role="header" data-theme="a" data-position="fixed" data-tap-toggle="false"&gt;
  &lt;h1&gt;test&lt;/h1&gt;
  &lt;/div&gt;
  &lt;div data-role="content"&gt;
  &lt;table data-role="table" id="table-custom-2" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b" data-column-btn-text="Columns to display..." data-column-popup-theme="a"&gt;
      &lt;thead&gt;
        &lt;tr class="ui-bar-d"&gt;
          &lt;th data-priority="2"&gt;Rank&lt;/th&gt;
          &lt;th&gt;Movie Title&lt;/th&gt;
          &lt;th data-priority="3"&gt;Year&lt;/th&gt;
          &lt;th data-priority="1"&gt;&lt;abbr title="Rotten Tomato Rating"&gt;Rating&lt;/abbr&gt;&lt;/th&gt;
          &lt;th data-priority="5"&gt;Reviews&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;th&gt;1&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external"&gt;Citizen Kane&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1941&lt;/td&gt;
          &lt;td&gt;100%&lt;/td&gt;
          &lt;td&gt;74&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;2&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/Casablanca_(film)" data-rel="external"&gt;Casablanca&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1942&lt;/td&gt;
          &lt;td&gt;97%&lt;/td&gt;
          &lt;td&gt;64&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;3&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/The_Godfather" data-rel="external"&gt;The Godfather&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1972&lt;/td&gt;
          &lt;td&gt;97%&lt;/td&gt;
          &lt;td&gt;87&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;4&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/Gone_with_the_Wind_(film)" data-rel="external"&gt;Gone with the Wind&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1939&lt;/td&gt;
          &lt;td&gt;96%&lt;/td&gt;
          &lt;td&gt;87&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;5&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/Lawrence_of_Arabia_(film)" data-rel="external"&gt;Lawrence of Arabia&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1962&lt;/td&gt;
          &lt;td&gt;94%&lt;/td&gt;
          &lt;td&gt;87&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;6&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/Dr._Strangelove" data-rel="external"&gt;Dr. Strangelove Or How I Learned to Stop Worrying and Love the Bomb&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1964&lt;/td&gt;
          &lt;td&gt;92%&lt;/td&gt;
          &lt;td&gt;74&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;7&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/The_Graduate" data-rel="external"&gt;The Graduate&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1967&lt;/td&gt;
          &lt;td&gt;91%&lt;/td&gt;
          &lt;td&gt;122&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;8&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/The_Wizard_of_Oz_(1939_film)" data-rel="external"&gt;The Wizard of Oz&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1939&lt;/td&gt;
          &lt;td&gt;90%&lt;/td&gt;
          &lt;td&gt;72&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;9&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/Singin%27_in_the_Rain" data-rel="external"&gt;Singin' in the Rain&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1952&lt;/td&gt;
          &lt;td&gt;89%&lt;/td&gt;
          &lt;td&gt;85&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;8&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/The_Wizard_of_Oz_(1939_film)" data-rel="external"&gt;The Wizard of Oz&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1939&lt;/td&gt;
          &lt;td&gt;90%&lt;/td&gt;
          &lt;td&gt;72&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;9&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/Singin%27_in_the_Rain" data-rel="external"&gt;Singin' in the Rain&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1952&lt;/td&gt;
          &lt;td&gt;89%&lt;/td&gt;
          &lt;td&gt;85&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;8&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/The_Wizard_of_Oz_(1939_film)" data-rel="external"&gt;The Wizard of Oz&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1939&lt;/td&gt;
          &lt;td&gt;90%&lt;/td&gt;
          &lt;td&gt;72&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;9&lt;/th&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/Singin%27_in_the_Rain" data-rel="external"&gt;Singin' in the Rain&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;1952&lt;/td&gt;
          &lt;td&gt;89%&lt;/td&gt;
          &lt;td&gt;85&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th&gt;10&lt;/th&gt;
          &lt;td class="title"&gt;&lt;a href="http://en.wikipedia.org/wiki/Inception" data-rel="external"&gt;Inception&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;2010&lt;/td&gt;
          &lt;td&gt;84%&lt;/td&gt;
          &lt;td&gt;78&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;div&gt;
  &lt;div data-role="footer" data-theme="a" data-position="fixed" data-tap-toggle="false" &gt;
  &lt;h1&gt;test&lt;/h1&gt;
  &lt;/div&gt;&lt;!-- /footer --&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>* {
      padding: 0;
      margin: 0;
  }
  thead {
      position: fixed;
      top: 44px;
      left: 15px;
      background-color: white;
  }
  table {
      margin-top: 25px;
  }
  .ui-table-columntoggle-btn {
      display: none !important;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/StefanCerdijn/uNj3g/" rel="nofollow">jsfiddle</a></p>
  
  <p>There are much more, but I don't have enough rep to post more.</p>
  
  <p>Does anyone have any experience with jQM and fixed theads?</p>