【问题标题】:Datatable not returning correct index while paginating分页时数据表未返回正确的索引
【发布时间】:2020-09-15 07:13:22
【问题描述】:

使用服务器端分页的 Laravel 数据表,在对数据表执行任何操作时,索引更改的顺序不正确。 控制器代码如下

return Datatables::of($newsletters)
        ->editColumn('created_at', function($row) {
            return Carbon::parse($row->created_at)->format('d-m-Y');
        })
        ->rawColumns(['created_at'])
        ->make(true);
}

JS 代码:

if($('#admin_news_letters_view').length > 0) {
    $(document).ready(function () {
        var i = 1;
        $('#admin_news_letters_view').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('admin.news_letters.view') }}",
            columns: [
                {
                    "render": function (data, type, full, meta) {
                        return i++;
                    }
                },
                {data: 'name'},
                {data: 'email'},
                {data: 'created_at'},
            ]
        });
    });
}

【问题讨论】:

    标签: laravel datatable


    【解决方案1】:

    在控制器中添加索引列。 控制器:

       return Datatables::of($newsletters)
                ->addIndexColumn()
                ->editColumn('created_at', function($row) {
                    return Carbon::parse($row->created_at)->format('d-m-Y');
                })
                ->rawColumns(['created_at'])
                ->make(true);
        }
    

    Js:

     if($('#admin_news_letters_view').length > 0) {
            $(document).ready(function () {
                $('#admin_news_letters_view').DataTable({
                    processing: true,
                    serverSide: true,
                    ajax: "{{ route('admin.news_letters.view') }}",
                    columns: [
                        {
                            data: 'DT_RowIndex', name: 'DT_RowIndex'
                        },
                        {data: 'name'},
                        {data: 'email'},
                        {data: 'created_at'},
                    ]
                });
            });
        }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-01-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-06-17
      • 1970-01-01
      相关资源
      最近更新 更多