Datatables技术问题:如何为所有列添加含行ID(主键)的链接
解决DataTables表格列链接基于行ID(主键)的问题
你应该是在用DataTables配置表格列的渲染逻辑,想要把所有列的跳转链接关联到该行的主键ID,而非当前单元格的数据对吧?你遇到的链接异常问题,核心是搞混了render函数里的参数含义,我来帮你修正:
正确的代码配置
"columnDefs": [ { targets: "_all", render: function (data, type, row, meta) { if(type === 'display'){ // 用row.id获取当前行的主键ID,而非data.id data = '<a href="/mytest/' + encodeURIComponent(row.id) + '">' + data + '</a>'; } return data; } } ]
为什么原来的修改会出错?
你之前改成data.id的时候,这里的data是当前单元格的单个数据值(比如某一列的文本内容),不是整行的对象,所以data.id根本不存在,最终会变成undefined,导致链接路径异常,表格显示时还可能因为长度截断出现'/myte...'的情况。
而render函数里的第三个参数row才是包含整行所有数据的对象,所以要通过row.id来获取该行的主键ID。
额外注意事项
- 确保后端返回的每一行数据对象
row里确实存在id这个主键字段; - 用
encodeURIComponent()对row.id编码,避免ID里的特殊字符导致路径解析错误; - 如果只需要特定列使用这个逻辑,把
targets: "_all"改成对应的列索引(比如targets: [0,1])即可。
内容的提问来源于stack exchange,提问作者Mixo
相关产品推荐
相关产品推荐

