jquery对表格进行内容排序_jquery.tablesorte 排序中文多音字-优快云博客

本文介绍了一个使用jQuery实现的表格排序插件的应用实例。通过简单的JavaScript代码，实现了表格的自动排序功能，并且通过设置不同的样式来区分奇偶行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(function() {

$("#large").tableSorter({

stripingRowClass: ['odd','even'], // Class names for striping supplyed as a array.

stripRowsOnStartUp: true // Strip rows on tableSorter init.

});

</script>

<style>

tbody tr.even {

background-color: #fea

}

</style>

<body>

点击表格的第一行head区域，可以看到排序的效果，再次点击会按倒过来的顺序进行排列。

<thead>

<tr>

<th>Email</th>

<th>Phone</th>

<th>Total</th>

</tr>

</thead>

<tbody>

<tr>

<td>devo@flexomat.com</td>

<td>http://gmail.com</td>

</tr>

<tr>

<td>henry@mountdev.net</td>

<td>http://www.gmail.com</td>

</tr>

<tr>

<td>christian@reno.gov</td>

<td>http://www.dotnet.ca</td>

</tr>

<tr>

<td>muffins@donuts.com</td>

<td>http://google.se</td>

</tr>

<tr>

<td>muffins@reno.gov</td>

<td>http://www.samba.org</td>

</tr>

<tr>

<td>mendez@gmail.com</td>

<td>http://flexomat.com</td>

</tr>

<tr>

<td>dev@gmail.com</td>

<td>http://www.flexomat.com</td>

</tr>

</tbody>

</table>

</body>