DataTables Ajax加载数据后，如何将cvpdf设为按钮href打开简历

要在DataTables的CV列生成可点击打开简历的按钮，只需修改DataTables配置中columns的最后一项，利用render函数自定义列内容，将cvpdf字段值作为按钮的href属性：

修改后的完整JavaScript代码 #

function showInformation(str) {
  console.log(str);
  $("#dtBasicExample").dataTable().fnDestroy();
  $("#dtBasicExample").dataTable({
    scrollX: true,
    "ajax": {
      url: "data.php?q=" + str,
      dataSrc: "",
    },
    "columns": [
      {"data": "id"},
      {"data": "name"},
      {"data": "surname"},
      {"data": "email"},
      {"data": "position"},
      {
        "data": "cvpdf",
        "render": function(data, type, row) {
          // 替换为你实际存储简历文件的服务器路径，示例为cv_files目录
          const cvUrl = "./cv_files/" + data;
          // 返回带跳转链接的按钮，可自定义文本和样式
          return `<a href="${cvUrl}" target="_blank" class="btn btn-primary">查看简历</a>`;
        }
      }
    ]
  });
}

关键说明 #

• render函数的data参数对应当前行的cvpdf字段值（即简历文件名）
• cvUrl需匹配你服务器上简历文件的实际存储路径，若cvpdf字段本身是完整URL，直接将cvUrl设为data即可
• target="_blank"设置为在新窗口打开简历，避免跳离当前页面
• 按钮使用了Bootstrap的btn btn-primary样式，可根据项目需求调整类名

注意事项 #

• 确保服务器上的简历文件路径正确，且具备公开访问权限

内容的提问来源于stack exchange，提问作者john