数据表：需要按 HTML 中的数据对列进行数字排序

Question

我有一张像这样的桌子......

<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 脚本将按锚标记的内部 HTML 进行排序，并按数字对其进行排序。目前它是这样排序的......

1   Foo
10  Baz
9   Bar

但我需要它像这样排序......

1   Foo
9   Bar
10  Baz

我真的不知道该怎么做。我对其进行了排序，但它认为内部 HTML 是一个字符串，而不是一个数字 :(

Answer 1

我假设您是在服务器端生成链接。您最好在客户端上呈现这些内容，原因有两个：

1. 您的排序将起作用
2. 您的有效负载会更小

为此，您需要使用类似于下面的 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;
        }
    },

希望这会有所帮助。