Laravel Datatables 多动作编辑/删除，删除显示为文本

Question

我使用数据表 yajra/laravel-datatables 包。我快到了，但删除按钮以文本显示。

如何将其显示为按钮或链接？

数据：

    return Datatables::eloquent(Product::query())
        ->addColumn('action', function($row) {
            return '<a href="/prodicts/'. $row->id .'/edit" class="btn btn-primary">Edit</a>';
        })
        ->addColumn('delete', function ($row) {
            return '<a href="/products/show/1">delete</a>';
        })
        ->make(true);

Js：

$(document).ready(function() {
    oTable = $('#users').DataTable({
        "processing": true,
        "serverSide": true,
        responsive: true,
        columnDefs: [
            { responsivePriority: 1, targets: 1 },
            { responsivePriority: 2, targets: -2 },
            { responsivePriority: 3, targets: -1 }
        ],
        "ajax": "http://admin/products",
        "columns": [

            <?php echo $string;  ?>
            {data: 'action', name: 'action', orderable: false, searchable: false},
            {data: 'delete', name: 'delete', orderable: false, searchable: false}

        ],

结果：

Answer 1

我找到了解决方案，->rawColumns:

    return Datatables::eloquent(Product::query())
        ->addColumn('action', function($row) {
            return '<a href="/prodicts/'. $row->id .'/edit" class="btn btn-primary">Edit</a>';
        })
        ->editColumn('delete', function ($row) {
            return '<a href="/products/show/1">delete</a>';
        })
        ->rawColumns(['delete' => 'delete','action' => 'action'])
        ->make(true);

Answer 2

尝试将class="btn btn-danger" 添加到您的删除锚点。就像您的编辑链接一样。

return Datatables::eloquent(Product::query())
        ->addColumn('action', function($row) {
            return '<a href="/prodicts/'. $row->id .'/edit" class="btn btn-primary">Edit</a>';
        })
        ->addColumn('delete', function ($row) {
            return '<a href="/products/delete/1" class="btn btn-danger">delete</a>';
        })
        ->make(true);