Button in Laravel Datatable not rendering

Question

I'm using Laravel 5.4 and Yajra datatable, below is my code working properly but in the 2nd action I've created, The button is not displaying but instead it display the text itself "<a href="/product/'. $row->id .'/create-price" class="btn btn-primary">Add Price</a>" What am I missing ?

public function getProductDatatable()
    {
        $Product = Product::query();
       return Datatables::eloquent($Product)
        ->addColumn('action', function($row) {
            return '<a href="/product/'. $row->id .'/edit" class="btn btn-primary">Edit</a>';
        })

        ->addColumn('add_price', function($row) {
            return '<a href="/product/'. $row->id .'/create-price" class="btn btn-primary">Add Price</a>';
        })

       ->make(true);
    }

Frontend Part

 <script type="text/javascript">
        $(function() {
            $('#product-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: '{{ url('product/get_product_datatable') }}',
                columns : [
                    {data: 'id', name: 'id'},
                    {data: 'product_code', name: 'product_code'},
                    {data: 'action', searchable: false, orderable: false},
                    {data: 'add_price', searchable: false, orderable: false},
                    {data: 'created_at', name: 'created_at'},
                    {data: 'updated_at', name: 'updated_at'}
                ]
            });
        }); 
        </script>

@meda I already edited my question and added the frontend js — Martney Acha
– Martney Acha, Commented Aug 17, 2017 at 3:48

Govind Samrow · Accepted Answer · 2017-08-17 03:58:38Z

7

You need to define rawColumns :

public function getProductDatatable()
    {
        $Product = Product::query();
       return Datatables::eloquent($Product)
        ->addColumn('action', function($row) {
            return '<a href="/product/'. $row->id .'/edit" class="btn btn-primary">Edit</a>';
        })

        ->addColumn('add_price', function($row) {
            return '<a href="/product/'. $row->id .'/create-price" class="btn btn-primary">Add Price</a>';
        })
       ->rawColumns(['add_price', 'action'])
       ->make(true);
    }

answered Aug 17, 2017 at 3:58

Govind Samrow

10.2k14 gold badges59 silver badges90 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

meda · Accepted Answer · 2017-08-17 03:56:05Z

1

I found this issue on github, try adding rawColumns

 Datatables::eloquent($Product)
 ->addColumn(..)
 ->rawColumns(['add_price']);

answered Aug 17, 2017 at 3:56

meda

45.5k14 gold badges96 silver badges123 bronze badges

Collectives™ on Stack Overflow

Button in Laravel Datatable not rendering

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related