sort inner tables using jquery widgets
<p>I am trying to sort rows of a  inner table, if you see the below example the inner table is having 3 rows M1,M2,M3 which needs to be sorted on sorting the parent table column. and the zebra widgets should not be applied to the inner table. Please advise how to overcome the above 2 issues.</p>

<pre><code>&lt;script type="text/javascript"&gt;
   $(function() {
       $("#result").tablesorter({debug: false,widgets: ['zebra']});
   });
&lt;/script&gt;

&lt;table  cellspacing="0" class="tablesorter" id="result"&gt;
    &lt;thead&gt;

        &lt;tr&gt;
            &lt;th&gt;Major&lt;/th&gt;
            &lt;th&gt;Gender&lt;/th&gt;
            &lt;th&gt;English&lt;/th&gt;
            &lt;th&gt;Japanese&lt;/th&gt;
            &lt;th&gt;Calculus&lt;/th&gt;

        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td&gt;Student01&lt;/td&gt;
            &lt;td&gt;Languages&lt;/td&gt;
            &lt;td&gt;male&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;70&lt;/td&gt;


        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Student02&lt;/td&gt;
            &lt;td class="expand-child"&gt;&lt;table &gt;&lt;tr&gt;&lt;td&gt;M1&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;M2&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;M3&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;
            &lt;td&gt;male&lt;/td&gt;
            &lt;td&gt;90&lt;/td&gt;
            &lt;td&gt;88&lt;/td&gt;


        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Student03&lt;/td&gt;
            &lt;td&gt;Languages&lt;/td&gt;
            &lt;td&gt;female&lt;/td&gt;
            &lt;td&gt;85&lt;/td&gt;
            &lt;td&gt;95&lt;/td&gt;

        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>
