我以为这是一件简单的事情,但是!
使用 DataTables,我希望隐藏表格的第一列,并在下一列单元格的 HTML 图像链接中使用该单元格数据。
使用“User_ID”的 html 链接,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>'
},
最佳答案
我总是用这个技巧帮助自己:
不要将 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 背后的概念。
关于javascript - 获取要在 html 链接中使用的 DataTables 单元格值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23263037/