如何在DataTables中隐藏空值单元格的Tooltip？

直接修改你的createdCell回调逻辑，添加空值判断即可：

$('#example').DataTable({
  columnDefs: [
    { targets: [7,8,9,10,11,12,13], visible: false }
  ],
  createdCell: function (td, cellData, rowData, row, col) {
    // 对应可见列和隐藏描述列的索引关系
    const tooltipColIndex = 7 + col;
    const tooltipText = rowData[tooltipColIndex];
    
    // 仅当tooltip内容非空且不是纯空格时，设置title属性
    if (tooltipText && tooltipText.trim() !== '') {
      $(td).attr('title', tooltipText);
    } else {
      // 空值情况下移除title，避免显示空Tooltip
      $(td).removeAttr('title');
    }
  }
});

核心逻辑说明 #

1. 先根据当前可见列的索引，计算对应隐藏描述列的索引（你的示例里可见列0对应隐藏列7，以此类推）
2. 获取隐藏列的内容后，判断是否为有效内容（排除null、undefined、空字符串以及纯空格的情况）
3. 只有有效内容才给单元格设置title属性，空值则移除该属性，这样浏览器就不会为空白单元格显示Tooltip

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