title: Adding two class in an html table
body: <p>Looking at <a href="https://stackoverflow.com/questions/18224820/responsive-table-on-two-or-more-table-with-different-table-header">this</a> article, I made a class (t1) so that the table is positioned properly on a mobile device. Like this:</p>
  
  <pre><code>/*
  Label the data
  */
  .t1 td:nth-of-type(1):before { content: "Name"; }
  .t1 td:nth-of-type(2):before { content: "Category A"; }
  .t1 td:nth-of-type(3):before { content: "Category B"; }
  .t1 td:nth-of-type(4):before { content: "Category C"; }
  
  .t2 td:nth-of-type(1):before { content: "Name"; }
  .t2 td:nth-of-type(2):before { content: "Category X"; }
  .t2 td:nth-of-type(3):before { content: "Category Y"; }
  .t2 td:nth-of-type(4):before { content: "Category Z"; }
  </code></pre>
  
  <p>I also added a table sorter from <a href="http://tablesorter.com/docs/" rel="nofollow noreferrer">this</a> website and the sorter is working fine too. The sorter already has a class (tablesorter)</p>
  
  <p>When I use the following, the table is positioned properly on mobile because of the <strong>t1</strong> class</p>
  
  <pre><code>&lt;table id="table1" class="t1" width="100%" border="1" &gt;
  </code></pre>
  
  <p>When I use the following, the table is getting sorted because of the <strong>tablesorter</strong> class</p>
  
  <pre><code>&lt;table id="table1" class="tablesorter" width="100%" border="1" &gt;
  </code></pre>
  
  <p>Now my question I can use only one class in table so either mobile positioning happens properly or the sorter. I want both to function. Is it possible to use two classes in the table? I read an article <a href="https://stackoverflow.com/questions/13812531/adding-multiple-classes-on-table-td-html-css">here</a> but i think it does not apply to my problem. Can anyone suggest a way to achieve this?</p>
  
  <p>t2 class is working fine because i havent put a sorter on it.</p>
  
  <p>Thank you</p>
  
  <p>EDIT: Its not duplicate as I saw some function written for multiple classes <a href="https://stackoverflow.com/questions/13812531/adding-multiple-classes-on-table-td-html-css">here</a> so got confused. I got the solution now however, added a comment "when the table is viewed row-by-row on mobile device, the sort function does not work. It works on desktop though! Is there any way to get it worked on mobile device?"</p>