javascript - 列中所有行的 DataTables 超链接

Question

我正在使用 DataTables 生成表格。有一列包含订单号。

例如: ...

我需要此列中的每一行都有一个指向 view/order?id=? 的超链接，其中 ? 是 Order No 中行的内容 列。例如，第一行是指向 view/order?id=1321755 等的超链接。

最简单的方法是什么？

这是我用来初始化数据表的代码:

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#example').dataTable( {
            "serverSide": true,
            "ajax": {
                    "url": "../server_processing/orders.php",
                    "type": "POST"
                    },
            "order": [[ 0, "desc" ]]
        } );
    } );
</script>

  <table id="example" class="display" cellspacing="0" width="100%">
    <thead>
      <tr>
        <th>Order No</th>
        ...
      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>

Answer 1

检查一下: http://datatables.net/reference/option/columns.render

您可以在指定列定义时添加列渲染回调。

var columnsDef = [
...
{
    "title": "Order No.",
    "render": function (data, type, row, meta) {
        return '<a href="view/order?' + data + '">' + data + '</a>';
    }
},
...
];

$("#table").dataTable({
    ...
    "columns": columnsDef,
    ...
});

该列中的数据将更改为渲染函数返回的内容。