javascript - 获取要在 html 链接中使用的 DataTables 单元格值

Question

本以为是一件简单的事情，但是!

使用 DataTables，我想隐藏表格的第一列，并在下一列单元格的 HTML 图像链接中使用该单元格数据。

html 链接使用“User_ID”，http://somepage.php?UID=data0

我已经查看了 fnGetData() 和 mRender，但我现在很困惑。

我的代码:

"aoColumns": [
                { "mData": "User_ID",
                  "bVisible": false, "bSearchable": false, "bSortable": false
                },
                { "mData": null,
                  "bSearchable": false, "bSortable": false,
                  "sClass": "center",
                  "sDefaultContent": '<a href="somepage.php?UID=' + "data from cell 0" + '"><img src="images/look.png" width="16"></a>'
                 },

Answer 1

我总是用这个技巧帮助自己:

不要将 bVisible 设置为 false，因为您不会在该行中获得数据。它根本没有渲染。使用 sClass 并设置 display:none。这样，该列对用户是不可见的，但它仍然存在。

然后您可以使用mRender 来显示自定义单元格模板:

    "aoColumnDefs": [{
      "aTargets": [0],
      "sClass": "hiddenID"
    }, {
      "aTargets": [1],
      "bSearchable": false,
      "bSortable": false,
      "sClass": "center",
      "mRender": function(data, type, full) {
        return '<a href=" http://somepage.php?UID=' + full[0] + '">Click me</a>';
      }
    }, {
      "aTargets": [2],
    }, ]

现在数据就在那里，可以排序和过滤。

看看这个Plunker和 style.css 来理解这个 hack 背后的概念。