1

こんな感じのテーブルがあります...

<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は数値ではなく文字列であると考えています:(

4

1 に答える 1

2

サーバー側でリンクを生成していると仮定しています。次の 2 つの理由から、これらをクライアントでレンダリングする方が適切です。

  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;
        }
    },

お役に立てれば。

于 2012-12-11T00:36:24.973 に答える