how to sort li elements

<asp:Repeater ID="rptSample" runat="server" ClientIDMode="Static"
    EnableViewState="false">
    <HeaderTemplate>
    <%--<div class="rt_header1">
<ul>
<li class="flight">Airline</li>
<li>Departure</li>
<li class="lft">Arrival</li>
<li class="dur">Duration</li>
<li class="lft">Fare</li>
<li class="lft">Arrival</li>
<li class="dur">Duration</li>
<li class="lft">Fare</li>
</ul>
</div>--%>
    <ul id="sort-list" class="asc">
        <table id="tbl" cellpadding="0" cellspacing="0" border="0" class="display">

        <thead>
            <tr><td>Student ID</td><td>Rollno</td><td>Studentname</td><td>Parentname</td>
            <td>Mobileno</td><td>Gender</td><td>Class</td><td>Section</td></tr>
           
       </thead>
            <tbody> 
     </tbody>
           
        </table>
       
    </HeaderTemplate>
   <ItemTemplate>
<%--<li  runat="server" ></li>--%>
<li class="airline" > <%#DataBinder.Eval(Container, "DataItem.Stu_ID")%></li>
<li class="airline"><%#DataBinder.Eval(Container, "DataItem.Rollno")%></li>
<%--<li><asp:Label ID="Label4" runat="server" Text='<%#Eval("Rollno") %>' Font-Bold="true"/></li>--%>
<li><%#DataBinder.Eval(Container, "DataItem.Studentname")%></li>

<li ><asp:Label ID="Label2" runat="server" Text='<%#Eval("Parentname") %>' Font-Bold="true"/></li>
<li><%#DataBinder.Eval(Container, "DataItem.Mobileno")%></li>
<li><asp:Label ID="Label6" runat="server" Text='<%#Eval("Gender") %>' Font-Bold="true"/></li>
<li><asp:Label ID="Label7" runat="server" Text='<%#Eval("Class") %>' Font-Bold="true"/></li>

<li><asp:Label ID="Label8" runat="server" Text='<%#Eval("Section") %>' Font-Bold="true"/></li>



</ItemTemplate>


    <FooterTemplate>
 </ul>
    </FooterTemplate>
</asp:Repeater>