title: Default behavior of th table tags
body: <p>On large screens my table TH is on top but when I run it on mobile devices those THs goes to the left side. Is that the default behavior of TH of tables? I'm using Matrialize css class of 'responsive-table'.</p>
  
  <pre><code>  &lt;table class="responsive-table"&gt;
      &lt;thead&gt;
        &lt;tr&gt;
            &lt;th data-field="id"&gt;Name&lt;/th&gt;
            &lt;th data-field="name"&gt;Item Name&lt;/th&gt;
            &lt;th data-field="price"&gt;Item Price&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
  
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;Alvin&lt;/td&gt;
          &lt;td&gt;Eclair&lt;/td&gt;
          &lt;td&gt;$0.87&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;Alan&lt;/td&gt;
          &lt;td&gt;Jellybean&lt;/td&gt;
          &lt;td&gt;$3.76&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;Jonathan&lt;/td&gt;
          &lt;td&gt;Lollipop&lt;/td&gt;
          &lt;td&gt;$7.00&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  </code></pre>