Laravel Datatable addColumn returns ID of one record only

Я пытаюсь использовать Yajra Datatable для интеграции DataTable на свой веб-сайт. Я смог отобразить таблицу, но столкнулся с проблемой. В поле addColumn, где я помещаю параметр удаления, идентификатор возвращает только одну запись, а не конкретный идентификатор каждого столбца.

Вот мой код контроллера

public function fetchData($manifest_no){
 $hwb_data = DB::table('hwb')
 ->join('manifest_records', 'hwb.id', '=', 'manifest_records.hwb_id')
 ->join('consignees', 'consignees.id', '=', 'hwb.client_id')
 ->where('manifest_records.manifest_no', $manifest_no)
 ->get();

 return Datatables::of($hwb_data)
 ->addIndexColumn()
 ->addColumn('action', function($row){
 $idx = $row->id;
 $btn = "<a href='javascript:void(0)' id='delete' data-id='$idx' class='edit btn btn-danger btn-sm'>$idx</a>";
 return $btn;
 })
 ->rawColumns(['action'])
 ->make(true);
 }

Вот рендеринг Datatable

$(function () {
 let table = $('#tableSample').DataTable({
 processing: true,
 serverSide: true,
 ajax: "{{ url("/fetchData/$manifest_no") }}",
 columns: [
 {data: 'id', name: 'id', 'visible': false},
 {data: 'created_at', name: 'created_at'},
 {data: 'hwb_no', name: 'hwb_no'},
 {data: 's_name', name: 's_name'},
 {data: 'c_name', name: 'c_name'},
 {data: 'destination', name: 'destination'},
 {data: 'dr_no', name: 'dr_no'},
 {data: 'commodity', name: 'commodity'},
 {data: 'actual_weight', name: 'actual_weight'},
 {data: 'tp_cbm', name: 'tp_cbm'},
 {data: 'action', name: 'action', orderable: false, searchable: false},
 ]
 });

 $("#tableReload").delegate('#delete', 'click', function (e) {
 e.preventDefault();
 let id = $(this).data('id');
 console.log(id);
 })
 });

Всякий раз, когда я визуализирую данные, я всегда сталкиваюсь с этой проблемой. Кнопка действия всегда имеет значение 2

Решение проблемы

Я предполагаю, что вам нужно использовать функцию рендеринга, а не бэкэнд-функцию.

Также попробуйте сбросить $rowи dd перед визуализацией представления, просто чтобы убедиться, что $row имеет правильные значения, которые вы ожидаете!

$(function () {
 let table = $('#tableSample').DataTable({
 processing: true,
 serverSide: true,
 ajax: "{{ url("/fetchData/$manifest_no") }}",
 columns: [
  {data: 'id', name: 'id', 'visible': false},
  {data: 'created_at', name: 'created_at'},
  {data: 'hwb_no', name: 'hwb_no'},
  {data: 's_name', name: 's_name'},
  {data: 'c_name', name: 'c_name'},
  {data: 'destination', name: 'destination'},
  {data: 'dr_no', name: 'dr_no'},
  {data: 'commodity', name: 'commodity'},
  {data: 'actual_weight', name: 'actual_weight'},
  {data: 'tp_cbm', name: 'tp_cbm'},

  { data: 'id', 
  name: 'action',
  orderable: false,
  searchable: false,
  "render": function ( data, type, row, meta ) { 
  return '<button class="delete btn btn-danger" data-id="'+ data +'"> Delete </button>'
  }},
 ]
 });

 });