Datatables+PHP：根据SQL空值控制按钮显示异常问题求助

问题分析 #

你的代码存在两个关键问题导致所有行都显示按钮：

1. return语句语法错误：使用逗号分隔两个字符串，JavaScript的逗号运算符会返回最后一个表达式的值，所以无论if条件是否成立，都会返回按钮的class属性字符串，导致错误显示。
2. 空值判断逻辑不准确：直接判断globalData.length >1，如果notadp是null或者空字符串，访问length会出现异常，且空字符串的length是0，你的条件应该判断字段是否非空，而不是长度大于1。

修改后的代码 #

{
    "data": "notadp",
    "orderable": false,
    "className": "text-left",
    "render": function(data, type, row, meta){
        // 先判断notadp是否非空（排除null、空字符串、undefined）
        if (row.notadp && row.notadp.trim() !== '') {
            // 返回完整的按钮HTML，注意转义的尖括号要正确拼接
            return '<button class="btn btn-xs btn-success" data-toggle="tooltip" title="Nota Booking Fee"><i class="fa fa-file"></i></button>';
        } else {
            // 空值时返回空字符串，不显示任何内容
            return '';
        }
    }
},

关键修改点 #

• 修正空值判断：使用row.notadp && row.notadp.trim() !== ''确保字段存在且不是空白字符串，覆盖了null、空字符串、全空格的情况。
• 修复return语法：将两个字符串合并为完整的按钮HTML代码，确保返回的是合法的DOM元素字符串。
• 空值返回空字符串：else分支明确返回空字符串，Datatables会在对应单元格显示空白，不会出现默认的undefined或错误内容。

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