each "row"has a row beneath it with a "menu" part to edit / view the record etc. using css the menu is set to display:none. when a user clicks the record jquery does a .show() on the menu row</p> <p>is it posible to sort the columns preserving the record row and menu row (maybe grouping them with a class or something) the sort to not read the menu row. and if you click on ID / Client / Cm on any of the "sections" (Display / Classifieds) it sorts that colum for the whole table... so say i click on cm under classifieds it also orders the colum acordingly for display</p> <p> </p> <table width="400" border="1" cellspacing="0" cellpadding="0"> <tr> <td colspan="3">Display</td> </tr> <tr> <th>ID</th> <th>Client</th> <th>Cm</th> </tr> <tr> <td>1</td> <td>xx</td> <td>16</td> </tr> <tr> <td colspan="3">view | edit</td> </tr> <tr> <td>2</td> <td>yy</td> <td>3</td> </tr> <tr> <td colspan="3">view | edit</td> </tr> <tr> <td colspan="3">Classifieds</td> </tr> <tr> <th>ID</th> <th>Client</th> <th>Cm</th> </tr> <tr> <td>3</td> <td>zz</td> <td>45</td> </tr> <tr> <td colspan="3">view | edit</td> </tr> <tr> <td>4</td> <td>aa</td> <td>32</td> </tr> <tr> <td colspan="3">view | edit</td> </tr> <tr> <td>5</td> <td>bb</td> <td>17</td> </tr> <tr> <td colspan="3">view | edit</td> </tr> <tr> <td>6</td> <td>cc</td> <td>87</td> </tr> <tr> <td colspan="3">view | edit</td> </tr> </table> <p> im sure i can build an ajax thing to reload the table and do the sorting server side but was kinda hoping against that