javascript - 如何在if语句中显示图标？

Question

如果 key_product 的值等于 1，我会尝试显示一个图标。

这是我尝试过的 Controller 。

return DataTables::of($products)

->editColumn('key_product', function ($row) {
           if('key_product' == 1){
                '<class="btn btn-info btn-circle"><i class="fa fa-pencil"></i>';
           }
            return ucfirst($row->key_product);
        })    

我没有收到任何错误，但我仍然得到数据库值而不是图标。

Answer 1

您缺少 html 内容的 return 语句，并且 html 内容将被转义，因此您必须将该列添加到 rawColumns

来自docs :

By default, Laravel DataTables protects us from XSS attack by escaping all our outputs. In cases where you want to render an html content, please use rawColumns api.

类似这样的事情:

return DataTables::of($products)
    ->editColumn('key_product', function ($row) {
        if ($row->key_product == 1) {
            return '<button class="btn btn-info btn-circle"><i class="fa fa-pencil"></i></button>';
        }
        return ucfirst($row->key_product);
    })
    ->rawColumns(['key_product']);