show field_name from joined table instead of field_id in yajra datatables that generated from infyom

Question

i have

• payments datatable with field 'id', 'transaction_id', 'date','amount', 'payment_method_id', 'additional_note'
• payment_methods table with field 'id', 'name','code'

what i want to achieve is in payment datatable it show payment_method->name instead of payment_method_id

Here is my datatables code

 <?php

namespace App\DataTables;

use App\Models\Payment;
use Yajra\DataTables\Services\DataTable;
use Yajra\DataTables\EloquentDataTable;

class PaymentDataTable extends DataTable
{
    /**
     * Build DataTable class.
     *
     * @param mixed $query Results from query() method.
     * @return \Yajra\DataTables\DataTableAbstract
     */
    public function dataTable($query)
    {
        $dataTable = new EloquentDataTable($query);

        return $dataTable->addColumn('action', 'payments.datatables_actions');
    }

    /**
     * Get query source of dataTable.
     *
     * @param \App\Models\Post $model
     * @return \Illuminate\Database\Eloquent\Builder
     */
    public function query(Payment $model)
    {
        return $model->newQuery();
    }

    /**
     * Optional method if you want to use html builder.
     *
     * @return \Yajra\DataTables\Html\Builder
     */
    public function html()
    {
        return $this->builder()
            ->columns($this->getColumns())
            ->minifiedAjax()
            ->addAction(['width' => '120px'])
            ->parameters([
                'dom'     => 'Bfrtip',
                'order'   => [[0, 'desc']],
                'buttons' => [
                    ['extend' => 'create', 'className' => 'btn btn-default btn-sm no-corner',],
                    ['extend' => 'export', 'className' => 'btn btn-default btn-sm no-corner',],
                    ['extend' => 'print', 'className' => 'btn btn-default btn-sm no-corner',],
                    ['extend' => 'reset', 'className' => 'btn btn-default btn-sm no-corner',],
                    ['extend' => 'reload', 'className' => 'btn btn-default btn-sm no-corner',],
                ],
            ]);
    }

    /**
     * Get columns.
     *
     * @return array
     */
    protected function getColumns()
    {
        return [
            'transaction_id',
            'date',
            'amount',
            'payment_method_id',
            'additional_note'
        ];
    }

    /**
     * Get filename for export.
     *
     * @return string
     */
    protected function filename()
    {
        return 'paymentsdatatable_' . time();
    }
}

I have search around and know that it had to do something in

 public function query(Payment $model)
        {
            return $model->newQuery();
        }

but haven't found worked solution.. maybe any suggestion

nb: i have post issued asking about it here https://github.com/InfyOmLabs/laravel-generator/issues/582 too but no respons back yet

Answer 1

Haven't used Yajra tables in a while, but I did something like this. Depending on how you named the relationship between Payment and PaymentMethod, modify this to suit your situation.

public function query(Payment $model)
{
    return $model->newQuery()->with(['paymentMethod']);

    // specify columns if you like
    // return $model->newQuery()->with(['paymentMethod'])->select('payments.*');
}

...

protected function getColumns()
{
    return [
        'transaction_id',
        'date',
        'amount',
        [
            'name' => 'paymentMethod.name',
            'data' => 'paymentMethod.name',
            'title' => 'Payment Method',
            'defaultContent' => '',
        ],
        'additional_note',
    ];
}