數據表：需要按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;
        }
    },

希望這可以幫助。