Laravel AJAX Datatable同列动态追加值 隐藏空值正确分隔方案

原有写法固定拼接分隔符，未对空值做前置过滤，会出现连续逗号、首尾多余逗号的异常展示效果，以下是两种可直接落地的实现方式：

方案1：逗号分隔有效值（自动隐藏空值） #

将所有待输出的字段值统一收集到集合中，自动过滤空关联、空值项后再做拼接，从根源避免多余分隔符问题，后续新增关联字段只需往收集数组中追加即可，无需调整拼接逻辑。

$table->addColumn('academic_options', function ($row) {
    // 收集所有关联字段的code值，PHP8+可直接使用空安全操作符简化判空
    $validCodes = collect([
        $row->academic_section?->code,
        $row->option_1?->code,
        $row->option_2?->code,
        $row->option_3?->code,
        $row->option_9?->code,
    ])->filter()->values();

    // 仅对有效值做逗号拼接
    return $validCodes->implode(', ');
});

PHP版本低于8.0无法使用空安全操作符时，将数组内元素替换为三元判空写法即可，例：$row->academic_section ? $row->academic_section->code : null，filter()方法会自动过滤null、空字符串等无效值。

方案2：生成HTML列表展示 #

如果需要以列表形式结构化展示所有有效值，可直接在列中输出HTML结构，配置列不转义即可正常渲染。

$table->addColumn('academic_options', function ($row) {
    $validCodes = collect([
        $row->academic_section?->code,
        $row->option_1?->code,
        $row->option_2?->code,
        $row->option_3?->code,
        $row->option_9?->code,
    ])->filter()->values();

    // 拼接无序列表结构，class可根据项目所用UI框架自行调整
    return '<ul class="list-unstyled mb-0">' .
        $validCodes->map(fn($code) => "<li>{$code}</li>")->implode('')
        . '</ul>';
});

注意事项 #

使用HTML列表渲染时，必须配置对应列不做HTML转义：如果使用yajra/laravel-datatables扩展包，在Datatable查询构造的最后链式调用->rawColumns(['academic_options'])即可，否则HTML标签会被转义为普通文本输出。

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