DataTables单列展示多数据时render返回不生效该如何正确实现？

问题根因 #

你的代码失效是运算符优先级问题：JavaScript 中三目运算符?:的优先级低于字符串拼接符+，你之前的写法等价于：

return row.shift_name ? row.shift_name : ('N/A' + '<br>hello');

只有当row.shift_name为空时才会拼接hello，非空时仅返回shift_name本身，自然看不到追加内容。
你后续加的前缀+是强制类型转换符，会将row.shift_name转为数字，非数字内容会转为NaN（布尔值为假），所以原来的班次名称全部读取失败，只会走N/A分支。

正确实现方式 #

基础修改（满足当前需求） #

给三目运算整体加括号，拿到基础展示值后再统一拼接后续内容即可：

{ 
  data: 'shift_name', 
  name: 'shift_name', 
  width: '15%', 
  "render": function ( data, type, row, meta ) {
    // 先取基础值，再统一拼接
    const baseContent = row.shift_name ? row.shift_name : 'N/A';
    return baseContent + '<br>hello';
  },
  createdCell: function (td, cellData, rowData, row, col) {
    return $(td).css({
        'font-weight': "700"
    });
  }
},

如果需要追加其他字段内容，直接替换hello为对应字段即可，比如要追加shift_date：

return baseContent + '<br>' + row.shift_date;

进阶优化（兼容排序/筛选逻辑） #

DataTables的render方法会根据场景传入不同的type参数（display用于页面展示、sort用于排序、filter用于筛选），建议只在展示场景返回HTML标签，避免影响排序、筛选的准确性：

"render": function ( data, type, row, meta ) {
  const baseContent = row.shift_name ? row.shift_name : 'N/A';
  // 仅展示时返回带HTML的内容
  if (type === 'display') {
    return baseContent + '<br>hello';
  }
  // 排序、筛选等场景返回纯文本
  return baseContent;
}

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