sorttable 对自定义数据进行正确排序

红薯 发布于 2009/08/07 14:38
阅读 994
收藏 2

sorttable 是一个js库用来对表格做排序,使用超级简单,只需要在加载sorttable.js后设置表格的class值为sortable,如下:

<table class="sortable">
<thead>
<tr><th>Person</th><th>Monthly pay</th></tr>
</thead>
<tbody>
<tr><td>Jan Molby</td><td>£12,000</td></tr>
<tr><td>Steve Nicol</td><td>£8,500</td></tr>
<tr><td>Steve McMahon</td><td>£9,200</td></tr>
<tr><td>John Barnes</td><td>£15,300</td></tr>
</tbody>
</table>

其中sortable要求列的标题行需要用<thead>圈起,排序的行用<tbody>框起。

问题在于,当我们表格中存在一些自定义的数据,这些数据格式无法被sortable所识别,这势必导致排序的结果不正确。为此sorttable为我们准 备了一个属性 sorttable_customkey ,通过这个属性我们可以指定这些特殊数据对应有意义的排序值,例如:

<table class="sortable">
<tr><th>Number (spelled)</th><th>Person</th></tr>
<tr><td sorttable_customkey="2">two</td><td>Jan</td></tr>
<tr><td sorttable_customkey="3">three</td><td>Bruce</td></tr>
<tr><td sorttable_customkey="1">one</td><td>Steve</td></tr>
</table>

我们通过给单词指定数值的排序值,这样出来的结果就正确无误了。sorttable考虑得挺周到的。

加载中
返回顶部
顶部