Laravel Yajra DataTable：掩码列值同时保留搜索功能

方法1：自定义列搜索逻辑（推荐） #

直接在DataTable服务类中为掩码后的邮箱列指定搜索规则，让搜索请求匹配原始email字段，无需额外添加隐藏列。

示例代码：

use Yajra\DataTables\DataTables;

public function dataTable($query)
{
    return DataTables::of($query)
        // 渲染掩码后的邮箱
        ->addColumn('email', fn($user) => $this->maskEmail($user->email))
        // 核心：让该列的搜索指向原始email字段
        ->filterColumn('email', function ($query, $keyword) {
            $query->where('users.email', 'like', "%{$keyword}%");
        })
        ->rawColumns(['email']); // 若掩码输出含HTML则保留，否则可移除
}

// 示例掩码函数
private function maskEmail($email)
{
    [$local, $domain] = explode('@', $email);
    $maskedLocal = substr($local, 0, 2) . str_repeat('*', strlen($local) - 2);
    return "{$maskedLocal}@{$domain}";
}

方法2：修正隐藏可搜索列配置 #

如果坚持用隐藏列方案，需确保隐藏列绑定原始邮箱，且前端配置正确关联数据库字段：

后端代码 #

return DataTables::of($query)
    ->addColumn('email_masked', fn($user) => $this->maskEmail($user->email))
    ->addColumn('email_original', fn($user) => $user->email)
    ->rawColumns(['email_masked']);

前端DataTable配置（jQuery版） #

$('#users-table').DataTable({
    processing: true,
    serverSide: true,
    ajax: '/users/data',
    columns: [
        // 其他列配置...
        { data: 'email_masked', name: 'email_masked', searchable: false },
        // 关键：name指定数据库原始字段，设置为隐藏但可搜索
        { data: 'email_original', name: 'users.email', visible: false, searchable: true }
    ]
});

无效原因排查 #

• 使用Column::computed时，未关联原始字段的搜索规则，导致DataTable尝试对掩码后的值进行匹配，自然无法命中原始邮箱。
• 之前的隐藏列配置错误：后端未将隐藏列的name指定为数据库实际字段，或前端未开启该列的searchable属性，导致搜索请求未关联到原始邮箱字段。

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