我有一张看起来像这样的 table ...
<table id="myTable">
<tr>
<td><a href="site.com?id=1">1</a></td>
<td>Foo</td>
</tr>
<tr>
<td><a href="site.com?id=9">9</a></td>
<td>Bar</td>
</tr>
<tr>
<td><a href="site.com?id=10">10</a></td>
<td>Baz</td>
</tr>
</table>
我需要让它成为我的Bootstrap Datatables脚本将按 anchor 标记的内部 HTML 进行排序,并按数字排序。目前它正在这样排序......
1 Foo
10 Baz
9 Bar
但我需要它像这样排序......
1 Foo
9 Bar
10 Baz
我不太确定该怎么做。我对其进行了排序,但它认为内部 HTML 是一个字符串,而不是数字:(
最佳答案
我假设您正在服务器端生成链接。您最好在客户端上呈现这些内容,原因有两个:
- 您的排序将会起作用
- 您的有效负载将会更小
为此,您需要使用类似于下面的 aoColumnsDef 和 aTargets
"aoColumnDefs": [
{
"aTargets": [ 1 ],
"fnRender": function ( o, val ) {
var link = "<a class='' href='site.com?id=" + o.aData[0] + "'>" + o.aData[0] + "</a>";
return link;
}
},
希望这有帮助。
关于javascript - 数据表:需要按 HTML 中的数据对列进行数字排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13809500/