使用JQuery数据表渲染html元素时出错

Question

我正在使用Jquery数据表（服务器端）来显示我的表的内容。我想编辑列以呈现一些html元素（span和a）。但是，它不是渲染到链接，而是返回原始代码。 这是我的观点

<table>
<tr>
  <th>League</th>
  <th>Match</th>
</tr>
</table>
 $('.server_table').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": "{{ route('getdata') }}",
            "columns":[
                { "data": "league" },
                { "data": "match" },

            ]
        });

我的控制器

$query = DB::select(); //Runs query
return Datatables::of($query) 
->editColumn('match', function($query){
 $ratings = "default";
 return '<span data-toggle="modal" data-target="#'.$query->user_id.'"><a  onmouseover="bigImg(this)" data-toggle="tooltip" title="Click to view user\'s last 5 ratings!">'.$query->username. '['.ucfirst($ratings).']'.'</a>
</span>';
})->make(true)